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.重新命名
重新命名可修改程式碼中所有同樣的文字。
Mac/Windows/Ubuntu — F2
19.多游標選擇
VS Code 支援多個游標選擇,以進行快速的同時編輯。
Mac - 選項 + 單擊
Windows/Ubuntu — Alt + 單擊
20.執行和除錯
您可以使用以下方法複製同一行:
Mac — Command + Shift + D
Windows/Ubuntu — Ctrl + Shift + D
最後
其實VS Code 中存在大量快捷鍵,以上只列出的都是每個使用 VS Code 專業開發者都需要知道的。
希望這些快捷鍵能幫助到您,也能提高你的編碼效率,請不要忘記在留下你的評論,也可以分享此文章。
感謝閱讀✌️