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

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

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

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

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

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

此時(shí)在資源管理器里的標(biāo)題欄里，你能看到“無(wú)標(biāo)題 （工作區(qū)）”這樣的文字，這說(shuō)明當(dāng)前的工作區(qū)已經(jīng)有多個(gè)文件夾了，只是現(xiàn)在你還沒(méi)有保存這個(gè)多文件工作區(qū)，也沒(méi)有給它指定一個(gè)名字。

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

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

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

打開sample.code-workspace這個(gè)文件

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

JSON

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

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