vscode 多文件夾工作區(qū)

多文件夾工作區(qū)（multi-root workspace）。老實說呢，這個概念是有一定的理解難度的。

上面我們提到的基于文件夾的這種項目管理方式，從 VS Code 第一天開始就存在了。也幾乎從第一天開始，我們就收到了用戶對于這一個設計不滿的反饋。對于這些不滿的用戶而言，他們的痛點在于他們經常需要同時對多個文件夾下的代碼進行操作。但是 VS Code 關于單個文件夾的這種操作模式，要求了他們必須同時打開多個窗口，并不停地在它們之間切換。

多文件夾工作區(qū)就是為了針對這個問題而實現(xiàn)的解決方案。那下面我們就一起來看一看怎樣去創(chuàng)建一個多文件夾工作區(qū)。

首先，在 VS Code 中打開一個文件夾，此時 VS Code 處于一個單文件夾的狀態(tài)。然后你可以調出命令面板，搜索 “將文件夾添加到工作區(qū)” （add folder to workspace）并執(zhí)行，或者使用菜單，“文件 —> 將文件夾添加到工作區(qū)”，這之后，選擇你想要在當前窗口打開的文件夾。

添加新的文件夾到工作區(qū)內

此時在資源管理器里的標題欄里，你能看到“無標題 （工作區(qū)）”這樣的文字，這說明當前的工作區(qū)已經有多個文件夾了，只是現(xiàn)在你還沒有保存這個多文件工作區(qū)，也沒有給它指定一個名字。

要保存這個工作區(qū)，接下來你可以調出命令面板，搜索“將工作區(qū)另存為” （save workspace as），VS Code 就會為這個工作區(qū)創(chuàng)建一個文件，這個文件的后綴名是 “code-workspace”。比如，在下面的動圖中，我給這個工作區(qū)取名為 sample，然后指定在 Code中這個文件夾下保存。這樣操作后，VS Code 就會在 Code 文件夾下創(chuàng)建一個 sample.code-workspace 文件。

保存多文件夾工作區(qū)

你可以看到，操作完之后資源管理器的標題欄已經相應地改變了。另外，sample.code-workspace 雖然有個特殊的后綴，但這個文件的格式其實也是 JSON，你可以自行打開這個文件查看一下。

打開sample.code-workspace這個文件

{
"folders": [
{
"path": "vscode-sample",
},
{
"path": "vscode"
}
],
"settings": {}
}

JSON

這個 JSON 文件，默認有兩個鍵（key）。第一個是 folders 文件夾，它里面羅列的是這個多文件工作區(qū)里有哪些文件夾?？梢钥闯?，這些文件夾的地址，都是這個 sample.code-workspace 文件的相對路徑。第二個則是 settings 設置，你可以在這個值里面添加專屬于這個多文件夾工作區(qū)的設置。它的作用，跟上面我們介紹的 .vscode 文件夾下的 settings.json 文件是類似的。

此外，這個文件還有兩個可選的鍵，它們分別是 extensions 和 launch，相信看到名字，你已經猜出來它們大概是跟什么相關的了。這部分我會在后面的章節(jié)中詳細介紹的。