摘要： 高效使用VS Code!
- 作者：前端小智
- 原文：21 個VSCode 快捷鍵，讓代碼更快目溉，更有趣
Fundebug經授權轉載护戳，版權歸原作者所有。
注意：自己嘗試的時候华畏，Mac(17, pro) 與原文提供的快捷鍵盤不太一樣，mac 對應的 Ctrl 要換成 command
做為前端開發(fā)者來說尊蚁，大都數(shù)都用過 VSCode亡笑，并且也有很多是經常用的。但 VSCode 的一些快捷鍵可能我們不知道横朋，也比較少用仑乌，畢竟這很好，因此本文就列出一些快捷鍵方便大家學習與記憶琴锭。
在這篇文章中晰甚，我將列出我最喜歡的快捷鍵，這些快捷鍵讓我更快的編寫代碼决帖，也讓編碼變得更有趣厕九，以下是21 個 VSCode 快捷鍵，分享給你地回。
1. 一次搜索所有文件的文本
Windows: Ctrl + Shift + F
Mac: Command + Shift + F
VSCode中我最喜歡的特性之一是能夠在項目目錄中的所有文件中搜索任何匹配的文本扁远。
要使用此特性，可以按Ctrl + Shift + f打開視圖刻像，它將顯示編輯器左側的側邊欄：
輸入查找的內容并回車畅买，VS code 將提供與輸入內容匹配的結果列表，如下所示：
你還可以同時規(guī)制每個搜索果文件中的所有匹配內容绎速。如果你單擊左邊的這個小箭頭皮获，它將在下面彈出第二個輸入框，可以在這里輸入要替換的文本纹冤，同時單擊右邊出現(xiàn)的小框：
2.為 tabs 設置強調色（Material Theme）
你是否厭倦了每天看到相同的 tabs 底部顏色?可以使用 Material Theme 來擴展 VsCode 的主題洒宝，這樣就可以為 tabs 設置不同的顏色。
紅色：
紫色
黃色
有16種不同的顏色可供選擇萌京。
因此雁歌，如果胸有安裝此擴展，打開的命令面板(Ctrl + Shift + P)知残，選擇 Material Theme: Set accent color并從列表中選擇一個顏色靠瞎，它將更改選項卡的下劃線顏色，如下所示
3.進程資源管理器
你是否發(fā)現(xiàn)你的VsCode 編輯器有時有點慢?這時候你希望哪個進程在吃我們的內存？
好吧乏盐，如果你還不知道佳窑，VsCode 有一個進程資源管理器功能，如下所示：
是不是看起來很熟悉父能？
在windows任務管理器中看到過這一點神凑，在VsCode 中按Ctrl + Alt + Delete可以打開該任務管理器。
4.Expand Bracket Selection
打開鍵盤快捷鍵(Ctrl + Shift + P 或 command + Shift + p)何吝，搜索 Expand Bracket Selection溉委。
這是我需要花費一些時間才能發(fā)現(xiàn)的，因為我無法猜出該功能的名稱爱榕。使用此功能可以自動選擇整個塊瓣喊，從開始的大括號到結束。
我發(fā)現(xiàn)這個功能在想要找到 if/else 對應的結束塊很有用黔酥。
5. 重新打開 關閉的編輯頁面
Windows: Ctrl + Shift + T
Mac: command + Shift + T
當你處理一個文件很多的大型項目時藻三，如果不小心關閉了一個頁面，并且不得不在側菜單中再次搜索它絮爷，這可能會有點令人沮喪趴酣。
現(xiàn)在梨树，可以按 Ctrl + Shift + T 重新打開一個關閉的頁面坑夯。
6. 通過匹配文本打開文件
Windows: Ctrl + T
Mac: command + T
說到搜索文件，你可以動態(tài)地搜索和打開文件抡四。這是我最喜歡的特性之一柜蜈，因為不需要手動單擊目錄來重新打開一個不再打開的文件。
7. 集成終端
Windows: Ctrl +
Mac: control +
通過 Ctrl + `可以打開或關閉終端
8. 查看正在運行插件
你可以通過打開命令面板(Ctrl + Shift + P)并輸入Show running extensions來查看所有你安裝的正在運行的插件指巡。
9. 重新加載
我個人認為這是 VsCode 最酷的特性之一淑履。它允許你在重新加載編輯器時將窗口放在前面，同時具有與關閉和重新打開窗口相同的效果藻雪。
Windows: Ctrl + Alt + R
Mac: Control + Option + R
10. 將選項卡交換到不同的組
在我開發(fā)的過程中秘噪，我習慣在錯誤的選項卡組中使用選項卡。 我也希望避免盡可能多地使用我的鼠標來解決問題勉耀，因為這會讓我把手從鍵盤上抬起來指煎，我很懶，手一起想放鍵盤上便斥。
幸運的是至壤，VsCode 有一種方法可以通過按Ctrl + Alt +右箭頭（Mac：Control + Option +右箭頭）將標簽移動到右側的組，或者按Ctrl + Alt + 左箭頭將標簽轉移到單獨的標簽組 （Mac：Control + Option +左箭頭））將標簽移動到左側的組：
代碼部署后可能存在的BUG沒法實時知道枢纠，事后為了解決這些BUG像街，花了大量的時間進行l(wèi)og 調試，這邊順便給大家推薦一個好用的BUG監(jiān)控工具 Fundebug。
11.選擇左側/右側的所有內容
有時你想要刪除光標右側或左側的所有內容镰绎。 你可以選擇光標右側或左側的所有內容脓斩。例如，要選擇右側或左側的所有內容：
Windows: Ctrl + Shift + Home/End
Mac: command + Shift + Home/End
蘋果筆記本沒home鍵畴栖，可以用組合鍵實現(xiàn)
- fn鍵+左方向鍵是HOME
- fn鍵+右方向鍵是END
- fn+上方向鍵是page up
- fn+下方向鍵是page down
12.刪除上一個單詞
要刪除前一個單詞俭厚，可以按Ctrl + Backspace (Mac: option + delete)。這在你打錯字的時候非常有用驶臊。
你可以在 VsCode 之外的任何地方使用它挪挤。
13. 啟動性能
有時候，缺乏關于性能問題的詳細信息是一件非常痛苦的事情关翎，同時還要找出哪些有性能問題扛门。
有時候，如果你足夠幸運纵寝，你會找到一個工具论寨，它能給你所有的答案。在VsCode 中爽茴，啟動性能是很重要的葬凳。這就是為什么你能彈出一個有用的窗口，奇跡般地提供所有你需要的信息：
打開命令面板(Ctrl + Shift + P)室奏，搜索Startup Performance火焰。
14.逐個選擇文本
可以通過快捷鍵Ctrl + Shift +右箭頭(Mac: option + Shift +右箭頭)和Ctrl + Shift +左箭頭(Mac: option + Shift +左箭頭)逐個選擇文本。
15. 重復的行
一個非常強大和已知的功能是復制行胧沫。只需按 Shift + Alt + 向下箭頭 (Mac: command + Shift + 向下箭頭)
16.移至文件的開頭/結尾
要使光標移到文件的第一行或最后一行昌简，最快的方法是按Ctrl + Home (Mac: command + Home)鍵開頭，然后按Ctrl + End (Mac: command + End)鍵結尾绒怨。
17. 批量替換當前文件中所有匹配的文本
可以選擇任何一組文本纯赎，如果該選中文本出現(xiàn)多個，可以通過按Ctrl + F2 (Mac: command + F2)一次改所有出現(xiàn)的文本南蹂。
18. 向上/向下移動一行
按Alt + 向上箭頭(Mac: command+ 向上箭頭)當前行向上移動犬金，按Alt + 向下箭頭(Mac: command+ 向下箭頭))當前行向下移動。
19. 刪除一行
有兩種方法可以立即刪除一行六剥。
使用Ctrl + X剪切命令(Mac：command + X)來刪除一行晚顷。
或者使用 Ctrl + Shift + K (Mac: command + Shift + K)命令。
20.將編輯器向左或向右移動
如果你像我一樣仗考，你可能會有一種無法控制的欲望音同，想要在一個組中重新排列選項卡，其中選項卡相互關聯(lián)秃嗜，左邊的選項卡是比較重要文件权均，而右邊的選項卡是相對不重要的文件顿膨。
通過 Ctrl+Shift+PgUp/PgDown(command + +Shift+PgUp/PgDown)向左/向右移動編輯器。
21. 復制光標向上或者向上批量添加內容
在 VsCode 中復制游標可以證明是最節(jié)省時間的特性叽赊。
按Ctrl + Alt +向上箭頭(Mac: Control + Option +向上箭頭)將光標添加到上面恋沃，按Ctrl + Alt +向下箭頭(Mac: Control + Option + 向下箭頭)將光標添加到下面。
代碼部署后可能存在的BUG沒法實時知道必指，事后為了解決這些BUG囊咏，花了大量的時間進行l(wèi)og 調試，這邊順便給大家推薦一個好用的BUG監(jiān)控工具 Fundebug塔橡。
