vscode 資源管理器

當(dāng)你打開(kāi)一個(gè)文件夾之后，你就能在工作臺(tái)的最左側(cè)看到資源管理器。資源管理器將當(dāng)前文件夾下的文件和子文件夾，以樹(shù)形結(jié)構(gòu)的形式呈現(xiàn)出來(lái)。每一個(gè)文件的前面還會(huì)有一個(gè)小圖標(biāo)，用于反映文件的類型。

在這個(gè)列表里，你既可以使用鼠標(biāo)來(lái)打開(kāi)文件，展開(kāi)文件夾，也可以通過(guò)鼠標(biāo)右鍵來(lái)喚出上下文菜單，對(duì)文件或者文件夾進(jìn)行重命名、刪除等操作。另外，資源管理器還支持鼠標(biāo)進(jìn)行多文件選擇和拖轉(zhuǎn)（drag & drop）。相信這已經(jīng)是大家都非常熟悉的一種設(shè)計(jì)語(yǔ)言，這里我就不多加贅述。

在資源管理器的最上方，你可以看到一個(gè)列表，叫做 “打開(kāi)的編輯器”。這個(gè)很好理解，就是指這里面列出的都是當(dāng)前已經(jīng)被打開(kāi)的文件。

文件列表的頂部，有一個(gè)標(biāo)題欄，上面顯示著當(dāng)前打開(kāi)的文件夾的名字，在我們文中的圖片里，你可以看到這個(gè)文件夾的名字是 “VSCODE-SAMPLE”。如果你把鼠標(biāo)移動(dòng)到這個(gè)標(biāo)題欄上時(shí)，就能夠在文件夾名的右側(cè)看到幾個(gè)按鈕。

資源管理器文件列表標(biāo)題欄的按鈕

然后，你只需把鼠標(biāo)移動(dòng)到這些按鈕上，就能看到它們的名字，分別是新建文件、新建文件夾、刷新和全部折疊，具體功能想必你一看即可知之。同樣的，這些操作也可以通過(guò)右鍵上下文菜單來(lái)喚出。

設(shè)置資源管理器你應(yīng)該比較容易熟悉，也許不用介紹你也可以很快就能琢磨出來(lái)，不過(guò)這里還有幾個(gè)設(shè)置需要我分享給你，以后在使用編輯器的過(guò)程中可能會(huì)用得著。

第一個(gè)是 “explorer.autoReveal”，默認(rèn)是打開(kāi)的。當(dāng)你在編輯器里打開(kāi)一個(gè)文件時(shí)，資源管理器里的列表會(huì)自動(dòng)將選中這個(gè)文件，并且滾動(dòng)列表，將這個(gè)文件項(xiàng)滾動(dòng)到屏幕的中間，保證你能夠看到。如果你不喜歡這個(gè)功能，可以將其關(guān)閉。

第二個(gè)是 “explorer.confirmDelete”，默認(rèn)也是打開(kāi)的。當(dāng)你在一個(gè)文件項(xiàng)上右鍵選擇刪除時(shí)，VS Code 會(huì)跳出一個(gè)確認(rèn)窗口，詢問(wèn)你是否確實(shí)要?jiǎng)h除此文件。這個(gè)詢問(wèn)的目的是防止你誤操作，想必這個(gè)功能你已經(jīng)很熟悉了，當(dāng)然，如果你覺(jué)得它多此一舉的話，也可以將其關(guān)閉。

.vscode看到這里你可能會(huì)問(wèn)，VS Code 是基于文件夾來(lái)進(jìn)行管理的，各個(gè)插件也會(huì)分析當(dāng)前打開(kāi)的文件夾，但這是不是也意味著 VS Code 其實(shí)對(duì)項(xiàng)目沒(méi)有任何管理和配置的能力呢？

其實(shí)不然，VS Code 是允許你創(chuàng)建幾個(gè)跟當(dāng)前文件夾或者跟項(xiàng)目有關(guān)的配置保存在這個(gè)文件夾中。這跟 IDE 的工程文件的思路是一致的，把設(shè)置放在這個(gè)文件夾中，便于團(tuán)隊(duì)內(nèi)部進(jìn)行共享。但二者區(qū)別在于，VS Code 的絕大部分功能，不需要這些配置文件也能工作，同時(shí)，這些文件都盡可能保證易于閱讀和修改。

為了和其他工具添加的配置文件區(qū)分開(kāi)，VS Code 的配置文件都會(huì)放在一個(gè)子文件夾 .vscode 中，下面我們一起來(lái)看這個(gè)特殊的文件夾。

這個(gè)文件夾中可以包含以下幾種文件。

第一個(gè)是配置文件（settings.json）。這個(gè)文件的作用和格式，跟我們之前修改的用戶設(shè)置幾乎是完全一樣的。唯一的區(qū)別就在于這個(gè)文件的設(shè)置，只有當(dāng)前這個(gè)文件夾在VS Code 中被打開(kāi)時(shí)才會(huì)生效。

這個(gè)文件的存在，很好地解決了個(gè)人喜好和項(xiàng)目規(guī)范之間的沖突。比如說(shuō)我寫代碼的時(shí)候喜歡用空格，而不是制表符，這樣的話，在我的個(gè)人設(shè)置里面就可以設(shè)置為永遠(yuǎn)使用空格。但是在VS Code的這個(gè)項(xiàng)目中，團(tuán)隊(duì)要求一定要都使用制表符，那我們就可以在 settings.json 中將這個(gè)配置寫進(jìn)去，而不是粗暴地要求每一位成員都去修改他們各自的配置文件。

另外常用的兩個(gè)文件：一個(gè)是調(diào)試設(shè)置（launch.json），它是用于說(shuō)明如何調(diào)試當(dāng)前文件夾下的代碼；一個(gè)則是任務(wù)設(shè)置（tasks.json），它是關(guān)于 VS Code 任務(wù)系統(tǒng)的配置文件。把它們放在文件夾中甚至一并放入到代碼倉(cāng)庫(kù)中，這樣任何使用這個(gè)項(xiàng)目的工程師，都不用學(xué)習(xí)如何配置調(diào)試和配置任務(wù)系統(tǒng)就能運(yùn)行代碼了。

當(dāng)然肯定也會(huì)有人不喜歡在代碼倉(cāng)庫(kù)中出現(xiàn)編輯器相關(guān)的各種配置文件，不過(guò)也不用擔(dān)心，你可以使用版本管理的忽略配置，將 .vscode 這個(gè)文件夾剔除在版本管理之外。那么，你就可以自己去控制跟這個(gè)項(xiàng)目相關(guān)的配置文件了。