VSCodeでワークスペースの切り替えにおすすめの拡張機能

VSCodeでワークスペースを切り替えるためにオススメの拡張機能をご紹介します。
この拡張機能をインストールすることでストレスを感じることなくプロジェクトの切り替えや、ソースコードの検索・参照を見ることができるので、ぜひ皆さんも入れてみてください。

ワークスペースは痒い所に手が届かない？

こんな人にオススメ

VSCodeのワークスペースを素早く切り替えたい
検索範囲や参照範囲は１つのプロジェクトに絞りたい
複数のプロジェクトを担当している

VSCodeの困りごと
オススメの拡張機能
設定方法
結果の確認

VSCodeの困りごと

今まで私が仕事でVSCodeを使用している時に、複数のプロジェクトをすばやく切り替えたいという場面が多々ありました。

この困りごとを解決する機能として、VSCodeにはワークスペースという概念があります。
ワークスペースは異なるパスに保存されているプロジェクトを同時に開くことができる機能です。

以下に、状況を簡単に模擬した例をご紹介します。
異なるパスに保存されている「project_1」と「project_2」を同時に開いています。

ここで、いつも通り「project_1」で作業をしていて、全体検索（Ctrl + Shift + F）や参照へ移動（Shift + F12）をしていると「project_2」の内容まで結果に引っかかるようになり、視覚的に混乱してしまうのが困りごとでした。

私の求めている状態は、VSCode内で素早くワークスペースを切り替えられつつ、作業時は一つのプロジェクトに集中して作業したいというものです。

気づかぬ内にプロジェクトを移動していそう…

オススメの拡張機能

この困りごとを解決してくれる拡張機能が「Workspace Explorer」です。
自分で作成したワークスペースをVSCode上のGUIで簡単に切り替えることができるようになります。

VSCodeのワークスペースを使いやすくする拡張機能「Workspace Explorer」です。

設定方法

以下で「Workspace Explorer」の設定方法について簡単にご紹介します。

拡張機能のインストール

プライマリサイドバーの拡張機能を開き、「workspace」で検索をすると「Workspace Explorer」がヒットするので、インストールします。

ワークスペースを保存しておくディレクトリの作成

お好みの場所にVSCodeのワークスペースファイルを保存しておくディレクトリを作成します。
私はデスクトップ上に作成しました。

ワークスペースの作成と保存

VSCodeで、ワークスペースとして保存したいプロジェクトを開き、「ファイル」→「名前を付けてワークスペースを保存」で先ほど作成したフォルダにワークスペースファイルを保存します。

私は、「project_1」を「project_1.code-workspace」というファイル名で保存しました。

「project_2」についても同様の手順で保存します。

拡張機能の設定

お気づきの人もいるかもしれませんが、先ほどインストールした拡張機能に関するメッセージがVSCodeの右下にポップアップで出ることがあります。

以下の文章がそれです。

Workspace Explorer: You must set the workspace storage directory in your vscode settings. Copy this to your clipboard: workspaceExplorer.workspaceStorageDirectory. Then click Open Settings and paste it in the search window.

Google翻訳すると、、

ワークスペースエクスプローラー: vscode 設定でワークスペースストレージディレクトリを設定する必要があります。
これをクリップボードにコピーします：workspaceExplorer.workspaceStorageDirectory。
次に、[設定を開く] をクリックして、検索ウィンドウに貼り付けます。

とのことです。

言われた通り、「workspaceExplorer.workspaceStorageDirectory」をコピーして「ファイル」→「ユーザー設定」→「設定」で開く設定画面の検索窓に貼り付けます。

すると以下の設定項目が出てくるので、そこへ上で作ったワークスペースを保存するパスを入力します。