專業開發者都知道的 20個VS Code快捷鍵

專業開發者都知道的 20個VS Code快捷鍵

1.開啟和關閉側邊欄

利用快捷鍵開啟和關閉側邊欄,無需單擊左側選項卡。

Mac - Command + B

Windows — Ctrl + B

Ubuntu — Ctrl + B

專業開發者都知道的 20個VS Code快捷鍵

2. 選擇單詞

用於選擇游標當前所在的單詞。

Mac - Command + D

視窗 — Ctrl + D

Ubuntu — Ctrl + D

如果多次按下快捷鍵,則可以繼續選擇出現相同的單詞。

專業開發者都知道的 20個VS Code快捷鍵

3.多編輯器

如果需要在修改或者比較兩段程式碼,呼叫多編輯器試圖就非常有用。

Mac — Command + \ 或 2,3,4

Windows — Shift + Alt + \ 或 2,3,4

Ubuntu — Shift + Alt + \ 或 2,3,4

專業開發者都知道的 20個VS Code快捷鍵

4. 摺疊程式碼

如果程式碼太長,就可以使用摺疊和展開程式碼塊功能,以便閱讀和顯示。

具體操作如下:

在游標放在需求摺疊程式碼的最後:

Windows/Ubuntu — Ctrl + Shift + [

Mac — Command + Option + [

在游標放在需求展開程式碼的最後:

Windows/Ubuntu — Ctrl + Shift + ]

Mac — Command + Option + ]

專業開發者都知道的 20個VS Code快捷鍵

5.複製行

如果需要將當前行復制到上一行或下一行,可以使用以下快捷方式。

Windows — Shift + Alt + 向上/向下

Mac - Shift + Option + 向上/向下

Ubuntu — Ctrl + Shift + Alt + 向上/向下

專業開發者都知道的 20個VS Code快捷鍵

6. 程式碼格式化

程式碼格式化允許根據設定好的規則縮排程式碼。

Mac - Shift + Option + F

Windows — Shift + Alt + F

Ubuntu — Ctrl + Shift + I

7. 修剪尾隨空格

這將有助於消除行首或行尾的空格。

首選項 > 設定 > 使用者設定選項卡

修改“files。TrimTrailingWhitespace”: true 設定尚不存在,請將其新增 到“使用者設定”文件中。之後,當儲存檔案時,這將自動應用,並且空格將被刪除。

專業開發者都知道的 20個VS Code快捷鍵

專業開發者都知道的 20個VS Code快捷鍵

8.合併行

可將選定的幾行合併成一行。

合併行的快捷方式

Mac — Ctrl + J

Ubuntu、Windows — 從選單:檔案 > 首選項 > 鍵盤快捷方式,輸入查詢 editor。action。joinLines 設定需要的快捷鍵。

專業開發者都知道的 20個VS Code快捷鍵

9.快速開啟檔案

Mac - Command + P

Windows/Ubuntu — Ctrl + P

專業開發者都知道的 20個VS Code快捷鍵

10. Command 面板

這是 VS Code 中最重要的組合鍵之一。可以使用此快捷鍵訪問所有可用Command :

Windows/Ubuntu:Ctrl + Shift + P

Mac:Command + Shift + P

專業開發者都知道的 20個VS Code快捷鍵

11. 切換終端

在網頁開發時常會出現多個終端,使用此快捷鍵就可輕鬆在它們之間切換:

Mac - Command +反引號 (Command +`)

Windows/Ubuntu — Ctrl+反引號 (Ctrl+`)

12. 切換標籤

此快捷鍵可在拆分項之間切換。

切換標籤的快捷鍵是

Mac — Command +1、Command +2、Command +3

Windows/Ubuntu — Ctrl+1、Ctrl+2、Ctrl+3

專業開發者都知道的 20個VS Code快捷鍵

13.選擇當前行

將選擇游標放置在需要選擇的行。

Mac - Command + L

Windows/Ubuntu — Ctrl + L

專業開發者都知道的 20個VS Code快捷鍵

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

專業開發者都知道的 20個VS Code快捷鍵

17. 檢視定義

檢視定義功能可即時檢視和編輯引用程式碼的出處。

Mac -

Option

+ F12

Windows/Ubuntu — Alt + F12

專業開發者都知道的 20個VS Code快捷鍵

18.重新命名

重新命名可修改程式碼中所有同樣的文字。

Mac/Windows/Ubuntu — F2

專業開發者都知道的 20個VS Code快捷鍵

19.多游標選擇

VS Code 支援多個游標選擇,以進行快速的同時編輯。

Mac - 選項 + 單擊

Windows/Ubuntu — Alt + 單擊

專業開發者都知道的 20個VS Code快捷鍵

20.執行和除錯

您可以使用以下方法複製同一行:

Mac — Command + Shift + D

Windows/Ubuntu — Ctrl + Shift + D

專業開發者都知道的 20個VS Code快捷鍵

最後

其實VS Code 中存在大量快捷鍵,以上只列出的都是每個使用 VS Code 專業開發者都需要知道的。

希望這些快捷鍵能幫助到您,也能提高你的編碼效率,請不要忘記在留下你的評論,也可以分享此文章。

感謝閱讀✌️