VSCodeで毎回複数のファイルを開くのめんどくさい…。
それなら、「ワークスペース」っていう機能を使うといいよ!
おはこんばんにちは!ノボルです。
今回は、Microsoft社のコードエディター「Visual Studio Code」に搭載されている便利機能『ワークスペース』の使い方をご紹介します。
ワークスペースとは「複数ルートのフォルダーを同時に開く機能」のことで、
- プロジェクト単位でフォルダやファイルを開ける
- ワークスペースごとに設定を変えられる (各ワークスペースのJSONファイルに記述)
といったメリットがあります。
この記事では、メリット①の「プロジェクト単位でフォルダやファイルをまとめて開く方法」を解説していきます!
MacのVSCodeでワークスペースを使って複数のフォルダをまとめて開く方法
まず、ワークスペース用のフォルダを用意します。
今回は、Finderで「サンプル」というフォルダを作成しました。
![](https://onishi-noboru.com/wp-content/uploads/2022/02/1-3-1024x477.jpg)
必要に応じて、各種ファイルを作成します。
![](https://onishi-noboru.com/wp-content/uploads/2022/02/2-3-1024x467.jpg)
「VS Code」を起動します。
![](https://onishi-noboru.com/wp-content/uploads/2022/02/3-3-1024x641.jpg)
[ファイル]→[フォルダーを開く…]をクリックします。
![](https://onishi-noboru.com/wp-content/uploads/2022/02/4-3-1024x641.jpg)
Finderが開くので、ワークスペースに追加したいフォルダを選択し、[開く]をクリックします。
![](https://onishi-noboru.com/wp-content/uploads/2022/02/5-3-1024x577.jpg)
すると、「サンプル」フォルダ内のファイルがサイドバーに表示されました!
![](https://onishi-noboru.com/wp-content/uploads/2022/02/6-4-1024x641.jpg)
試しに、「sample.html」をクリックしてみると、ファイルを開くことができました。
今後、サンプルフォルダ内のファイルを編集するときは、いちいちFinderなどから開かなくても、VSCode内で完結するので楽ちんです。
![](https://onishi-noboru.com/wp-content/uploads/2022/02/7-2-1024x641.jpg)
ワークスペースを次回以降も使えるよう、保存しておきましょう。
[ファイル]→[名前を付けてワークスペースを保存…]をクリックします。
![](https://onishi-noboru.com/wp-content/uploads/2022/02/8-2-1024x641.jpg)
任意のワークスペース名を入力し、[保存]をクリックします。
これでワークスペースの作成が完了しました。
![](https://onishi-noboru.com/wp-content/uploads/2022/02/9-modified-1024x572.jpg)
次回以降、ワークスペースを開きたいときは、
- VSCodeを起動後、スタート画面の[最近]という項目から開く
- VSCodeを起動後、メニューの[ファイル]→[最近使用した項目を開く]から開く
- Finderからワークスペースファイルをクリック
など、お好きな方法で開くことができます。
方法①↓
![](https://onishi-noboru.com/wp-content/uploads/2022/02/10-1-1024x641.jpg)
方法②↓
![](https://onishi-noboru.com/wp-content/uploads/2022/02/12-1-1024x641.jpg)
方法③↓
![](https://onishi-noboru.com/wp-content/uploads/2022/02/13-1-1024x477.jpg)
ちなみに、ワークスペースのサイドバーでは、「+」マークをクリックすることで、ファイルやフォルダの追加/削除なども行えるので便利です!
![](https://onishi-noboru.com/wp-content/uploads/2022/02/11-modified-1024x641.jpg)
最後に
この記事では、MacのVSCodeでワークスペースを使って複数のファイルを開く方法をご紹介しました。
ワークスペースを使えば、
- 開発A→ワークスペースA
- 開発B→ワークスペースB
- 開発C→ワークスペースC
というふうに、プロジェクトを簡単に切り替えられるので、ぜひ活用してみてください!
コメント