VSCODEの
ワークスペースについて
1/9

ワークスペースとは
ソフトウェアを開発しやすくするため、
複数のディレクトリを1つにまとめた作業場のこと
/ home
usr
var
local
log
bin
/
(home)
/
(var)
log
/
(bin)
赤枠ディレクトリを
ワークスペースに
設定
複数のルートディレクトリとして、
抽出して表示させることができる
(マルチルートワークスペース)
2/9

ワークスペースを使うメリット
・作業したいディレクトリのみを表示させるため、
ツリーの見た目がスッキリする
・ワークスペース単位で環境設定ができるため、
設定の影響範囲を限定しやすくなる
・ワークスペースの構造を保存できるため、
使い分けや共有が手軽に行える
3/9

ワークスペースの作り方
ファイルタブから
ワークスペース機能にアクセス
ディレクトリを
ワークスペースに
追加
アイコンに「/」が付く
ワークスペースの名前
選択したディレクトリそれぞれが
ルートとみなされて表示される。
普通にディレクトリを開いた場合
4/9

ワークスペースの保存
ワークスペースの設定ファイルは、
xxx.code-workspaceとして保存される。
xxxの部分がワークスペースの名前になる。
この設定ファイルが保存されたとき、保存先を
基準にした相対パスが"folders"に記述される。
全体のルートの.vscodeに保存することが
ベストプラクティス。
"settings"にワークスペース単位の
設定を記述することができる。
5/9

ワークスペース構造のおさらい
/
backend
frontend
.vscode
・・・
・・・
・・・
.code-
workspace
ワークスペース
・・・
ワークスペースはVScode上での表示や
設定を絞り込むための機能なので、
プロジェクト全体の機能や
バージョン管理などに影響は発生しない。
6/9

VSCODEの設定の優先順位
ワークスペースの設定(.code-workspace)は、
ユーザー設定(setting.json)より優先度が高い。
ユーザー設定
(setting.json)
ワークスペースの設定
(.code-workspace)
ワークスペース内で
括弧を入力
.code-workspaceの
色設定が適用された
7/9

VSCODEの設定の編集
ワークスペースなどの設定はVScodeの設定画面より行うことができる
設定画面のタブを選択した状態で
画面右上のアイコンをクリックすると、
それぞれの設定ファイルを開くことができる。
右に配置されているものほど優先度が高い。
フォルダ毎の設定ファイルはそのフォルダの
直下にsetting.jsonとして作成される
8/9

まとめ
・ワークスペースは、複数のディレクトリを
ルートとみなして1つの作業場にまとめる。
・ワークスペースを作成しても、
プロジェクト全体の機能などには影響しない
・ワークスペース単位やルートディレクトリ単位の
設定を行うことができる
9/9