vscode 資源管理器

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

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

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

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

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

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

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

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

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

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

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

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

這個文件夾中可以包含以下幾種文件。

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

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

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

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