參考資料

Visual Studio Code權(quán)威指南 by 韓駿

一. 文件資源管理器

1.1 文件資源管理器隱藏文件夾

默認(rèn)情況下，Visual Studio Code會(huì)在文件資源管理器中隱藏一些文件夾（如.git文件夾）??？梢酝ㄟ^(guò)files.exclude來(lái)配置要被隱藏的文件和文件夾：

"files.exclude": {"**/.git": true,"**/.svn": true,"**/.hg": true,"**/CVS": true,"**/.DS_Store": true
}

1.2 進(jìn)入&退出禪模式

使用快捷鍵Ctrl+K -> Z進(jìn)入禪模式，雙擊Esc退出禪模式

二. 編輯功能

2.1 多光標(biāo)

Visual Studio Code支持在多光標(biāo)的情況下，對(duì)代碼進(jìn)行快速編輯。通過(guò)多個(gè)光標(biāo)，你可以同時(shí)編輯多處文本。有以下幾種方式可以添加多個(gè)光標(biāo)。

• Alt+Click：按住Alt快捷鍵，然后單擊鼠標(biāo)左鍵，就能方便地增加一個(gè)新的光標(biāo)。
• Ctrl+Alt+Down：按下此快捷鍵，會(huì)在當(dāng)前光標(biāo)的下方，添加一個(gè)新的光標(biāo)。
• Ctrl+Alt+Up：按下此快捷鍵，會(huì)在當(dāng)前光標(biāo)的上方，添加一個(gè)新的光標(biāo)。
• Ctrl+D：第一次按下Ctrl+D快捷鍵，會(huì)選擇當(dāng)前光標(biāo)處的單詞。再次按下Ctrl+D快捷鍵，會(huì)在下一個(gè)相同單詞的位置添加一個(gè)新的光標(biāo)。
• Ctrl+Shift+L：按下此快捷鍵，會(huì)在當(dāng)前光標(biāo)處的單詞所有出現(xiàn)的位置，都添加新的光標(biāo)。
  

2.2 列選中(有用)

把光標(biāo)放在要選擇的區(qū)域的左上角，按住Shift+Alt快捷鍵，然后把光標(biāo)拖至右下角，就完成了對(duì)文字的列選擇。

2.3 熱退出

當(dāng)退出時(shí)，Visual Studio Code可以記住未保存的文件。
通過(guò)files.hotExit來(lái)控制是否在會(huì)話間記住未保存的文件，以允許在退出編輯器時(shí)跳過(guò)保存提示。files.hotExit的設(shè)置選項(xiàng)如下所示。

2.4 代碼格式化

• 格式化文檔（快捷鍵為Shift+Alt+F）?：格式化當(dāng)前的整個(gè)文件。
• 格式化選定文件（快捷鍵為Ctrl+K→Ctrl+F）?：格式化當(dāng)前文件所選定的文本。你可以通過(guò)命令面板（打開命令面板的快捷鍵為Ctrl+Shift+P）或編輯器的右鍵菜單調(diào)用以上兩種操作。
• 對(duì)于JavaScript、TypeScript、JSON和HTML，Visual Studio Code提供了開箱即用的代碼格式化支持。對(duì)于其他語(yǔ)言，可以安裝相應(yīng)的插件來(lái)獲得代碼格式化的功能。除了主動(dòng)調(diào)用代碼格式化，還可以通過(guò)以下設(shè)置來(lái)自動(dòng)觸發(fā)代碼格式化。
• editor.formatOnType：在輸入一行后，自動(dòng)格式化當(dāng)前行。
• editor.formatOnSave：在保存時(shí)格式化文件。
• editor.formatOnPaste：自動(dòng)格式化粘貼的內(nèi)容。

2.5 代碼折疊

如圖5-24所示，通過(guò)單擊行號(hào)與代碼之間的折疊圖標(biāo)，可以折疊或展開代碼塊。通過(guò)使用Shift+Click快捷鍵，可以折疊或展開所有內(nèi)部的代碼塊。
很多編程語(yǔ)言都有相應(yīng)的標(biāo)記來(lái)定義代碼塊的起始和結(jié)束區(qū)域。下表中的這些編程語(yǔ)言都有相應(yīng)的定義標(biāo)記。

三. 主題

可以在工作區(qū)設(shè)置中設(shè)置僅在當(dāng)前工作區(qū)應(yīng)用的顏色和圖標(biāo)主題

3.1 顏色主題

可以通過(guò)Ctrl+K→Ctrl+T快捷鍵來(lái)打開顏色主題選擇器。

 "workbench.colorTheme": "Ayu Dark"

3.2 圖標(biāo)主題

默認(rèn)情況下，Visual Studio Code使用的是Seti文件圖標(biāo)主題。通過(guò)選擇None選項(xiàng)，可以禁用文件圖標(biāo)。
Visual Studio Code內(nèi)置了Minimal和Seti兩個(gè)文件圖標(biāo)主題。選擇Install Additional File IconThemes選項(xiàng)，可以瀏覽更多的文件圖標(biāo)主題，與顏色主題類似，當(dāng)前生效的文件圖標(biāo)主題存儲(chǔ)在Visual Studio Code的設(shè)置中，設(shè)置如下所示。

"workbench.iconTheme": "vs-seti"

Visual Studio Code的插件市場(chǎng)擁有大量的顏色主題和文件圖標(biāo)主題的插件。本書作者給讀者列出了一些比較熱門的主題插件。在插件市場(chǎng)中，可以搜索到更多主題插件。

四. 快捷鍵

4.1 快捷鍵編輯器

通過(guò)快捷鍵編輯器，可以方便快速地瀏覽和修改鍵盤按鍵映射?？梢允褂孟旅娴牟藛雾?xiàng)來(lái)打開快捷鍵編輯器，不同系統(tǒng)下所使用的菜單項(xiàng)分別如下所示。

• Windows/Linux:File→Preferences→Keyboard Shortcuts
• macOS:Code→Preferences→Keyboard Shortcuts

4.2 快捷鍵大全

Visual Studio Code中的快捷鍵非常豐富，開發(fā)人員在剛開始上手時(shí)很難記全。所以，VisualStudio Code也很貼心地提供了完整的快捷鍵參考指南。通過(guò)菜單項(xiàng)Help→Keyboard ShortcutReference或快捷鍵Ctrl+K→Ctrl+S，就能打開當(dāng)前平臺(tái)相應(yīng)的PDF版的快捷鍵大全。