
1.打開和關閉側邊欄
利用快捷鍵打開和關閉側邊欄,無需單擊左側選項卡。
- Mac - Command B
- Windows — Ctrl B
- Ubuntu — Ctrl B

2. 選擇單詞
用于選擇光标當前所在的單詞。
- Mac - Command D
- 視窗 — Ctrl D
- Ubuntu — Ctrl D
如果多次按下快捷鍵,則可以繼續選擇出現相同的單詞。

3.多編輯器
如果需要在修改或者比較兩段代碼,調用多編輯器試圖就非常有用。
- Mac — Command \ 或 2,3,4
- Windows — Shift Alt \ 或 2,3,4
- Ubuntu — Shift Alt \ 或 2,3,4

4. 折疊代碼
如果代碼太長,就可以使用折疊和展開代碼塊功能,以便閱讀和顯示。
具體操作如下:
在光标放在需求折疊代碼的最後:
- Windows/Ubuntu — Ctrl Shift [
- Mac — Command Option [
在光标放在需求展開代碼的最後:
- Windows/Ubuntu — Ctrl Shift ]
- Mac — Command Option ]

5.複制行
如果需要将當前行複制到上一行或下一行,可以使用以下快捷方式。
- Windows — Shift Alt 向上/向下
- Mac - Shift Option 向上/向下
- Ubuntu — Ctrl Shift Alt 向上/向下

6. 代碼格式化
代碼格式化允許根據設置好的規則縮進代碼。
- Mac - Shift Option F
- Windows — Shift Alt F
- Ubuntu — Ctrl Shift I
7. 修剪尾随空格
這将有助于消除行首或行尾的空格。
- 首選項 > 設置 > 用戶設置選項卡
- 修改"files.TrimTrailingWhitespace": true 設置尚不存在,請将其添加 到“用戶設置”文檔中。之後,當保存文件時,這将自動應用,并且空格将被删除。


8.合并行
可将選定的幾行合并成一行。
合并行的快捷方式
- Mac — Ctrl J
- Ubuntu、Windows — 從菜單:文件 > 首選項 > 鍵盤快捷方式,輸入查詢 editor.action.joinLines 設置需要的快捷鍵。

9.快速打開文件
- Mac - Command P
- Windows/Ubuntu — Ctrl P

10. Command 面闆
這是 VS Code 中最重要的組合鍵之一。可以使用此快捷鍵訪問所有可用Command :
- Windows/Ubuntu:Ctrl Shift P
- Mac:Command Shift P

11. 切換終端
在網頁開發時常會出現多個終端,使用此快捷鍵就可輕松在它們之間切換:
- Mac - Command 反引号 (Command `)
- Windows/Ubuntu — Ctrl 反引号 (Ctrl `)
12. 切換标簽
此快捷鍵可在拆分項之間切換。
切換标簽的快捷鍵是
- Mac — Command 1、Command 2、Command 3
- Windows/Ubuntu — Ctrl 1、Ctrl 2、Ctrl 3

13.選擇當前行
将選擇光标放置在需要選擇的行。
- Mac - Command L
- Windows/Ubuntu — Ctrl L

14.删除行
- Mac — Command Shift K
- Windows/Ubuntu — Ctrl Shift K
15.移動行
- Mac - Option 向上/向下箭頭
- Windows/Ubuntu — Alt 向上/向下箭頭
16. 查找單詞/短語
從當前文件中查找
- Mac - Command F
- Windows/Ubuntu — Ctrl F
從整個項目中查找
- Mac — Command Shift F
- Windows/Ubuntu — Ctrl Shift F

17. 查看定義
查看定義功能可即時查看和編輯引用代碼的出處。
- Mac - Option F12
- Windows/Ubuntu — Alt F12

18.重命名
重命名可修改代碼中所有同樣的文字。

19.多光标選擇
VS Code 支持多個光标選擇,以進行快速的同時編輯。
- Mac - 選項 單擊
- Windows/Ubuntu — Alt 單擊

20.運行和調試
您可以使用以下方法複制同一行:
- Mac — Command Shift D
- Windows/Ubuntu — Ctrl Shift D

最後
其實VS Code 中存在大量快捷鍵,以上隻列出的都是每個使用 VS Code 專業開發者都需要知道的。
希望這些快捷鍵能幫助到您,也能提高你的編碼效率,請不要忘記在留下你的評論,也可以分享此文章。
感謝閱讀✌️
, 更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!