4
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

VSCode起動時に複数Terminalウインドウを自動配置する方法

Posted at

結論

Terminals Manager Pluginをインストールすると、VSCode起動時に自動で複数Terminalウインドウを開くことができて便利ですよ。

demo.gif

背景

Mono Repoで開発しているのですが、複数のプロジェクトを同時に実行/編集することが多々あり、
毎回Terminal開いたり、実行するのが面倒くさいなぁと思ってました。
調べてみると便利なPluginがあったので紹介します。

導入手順

1. Terminals Manager Pluginをインストール

2. 設定ファイルを作成

下記の通り、Terminals: Edit Configurationを選択し、設定ファイルを開きます。

image.png

以下のようなディレクトリ構成であることを想定し、

10:56:28  mono-repo on  master [?]
➜ tree -I node_modules
.
├── projectA
│   ├── LICENSE
│   ├── README.md
│   ├── jest.config.js
│   ├── jest.debug.config.js
│   ├── package-lock.json
│   ├── package.json
│   ├── src
│   │   └── index.ts
│   └── tsconfig.json
├── projectB
│   ├── LICENSE
│   ├── README.md
│   ├── jest.config.js
│   ├── jest.debug.config.js
│   ├── package-lock.json
│   ├── package.json
│   ├── src
│   │   └── index.ts
│   └── tsconfig.json
└── projectC
    ├── LICENSE
    ├── README.md
    ├── jest.config.js
    ├── jest.debug.config.js
    ├── package-lock.json
    ├── package.json
    ├── src
    │   └── index.ts
    └── tsconfig.json

設定ファイルを作成してみました。

{
    "autorun": true,
    "terminals": [
        {
            "name": "Work Space",
            "focus": true,
            "command": "echo \"Let's start working\""
        },
        {
            "name": "Project A",
            "commands": ["cd projectA", "npm install", "npm start"]
        },
        {
            "name": "Project B",
            "commands": ["cd projectB", "npm install", "npm start"]
        },
        {
            "name": "Project C",
            "commands": ["cd projectC", "npm install", "npm start"]
        }
    ]
}

3. 手動で複数ターミナルを起動

下記の通り、Terminals: Runを選択し、複数ターミナルが開けることを確認します。

image.png

image.png

4.自動で複数ターミナルを起動

VSCodeを完全に閉じ、起動時に自動でターミナルが起動してくることを確認します。

11:00:35  mono-repo on  master [?]
➜ code .
4
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?