首頁 > 開發工具 > VSCode > 熟記這些VSCode快捷方式,提升你的開發效率!

熟記這些VSCode快捷方式,提升你的開發效率!

青灯夜游
發布: 2022-02-21 19:43:50
轉載
6234 人瀏覽過

這篇文章為大家總結一些官方文件中記錄的可提高效率的VSCode快捷方式,熟記它們,讓開發效率「蹭蹭」提升! !

熟記這些VSCode快捷方式,提升你的開發效率!

Visual Studio Code 是目前最受歡迎、最常用的程式碼編輯器之一,它是開源的並且可以免費使用。它還提供對多種語言和框架的支援。 【推薦學習:《vscode入門教學》】

注意,這些 Visual Studio Code 捷徑取自 VS Code 官方文件。如果某些捷徑不起作用,可能是由於編輯器或檔案格式中的捷徑發生了變化,或者安裝的擴充功能影響了該捷徑。

一、快速導航

1. 搜尋文件

當需要搜尋特定的文件,當項目很大時,就會耗費大量時間。即使已經知道檔案在哪,使用這個快捷鍵也會很方便,可以輕鬆開啟專案中的檔案。

  • Windows/Linux: ctrl P
  • #macOS: command P

2. 開啟設置

Visual Studio Code 有許多功能和設置,可以根據需要進行更改。此快捷鍵可在必要時輕鬆開啟設定。

  • Windows/Linux: ctrl ,
  • #macOS: command ,

3. 切換側側邊欄

很多時候,我們需要更多空間來放置需要處理的檔案。因此,此快捷鍵可以方便地在顯示或隱藏側邊欄。

  • Windows/Linux: ctrl B
  • #macOS: command B

4. 導覽標籤

當打開了許多選項卡並且需要在它們之間進行切換時,就可以使用這個快捷鍵,它會顯示選項卡列表並在它們之間導航,我們可以選擇要打開的選項卡。

  • Windows/Linux: ctrl shift tab
  • #macOS: control shift tab

5.導覽選項卡組

Visual Studio Code  提供了建立選項卡組功能。選項卡組允許我們將選項卡分組,每個選項卡組會佔螢幕的一部分。使用該快捷鍵可以在不同的選項卡組進行切換。如果在快捷方式中選擇的選項卡組大於目前開啟的組數,此快捷鍵就會建立新組。

  • Windows/Linux : ctrl 1或2或3
  • macOS:command 1或2或3

#6. 開啟終端機

在開發過程中,會經常使用終端機。 Visual Studio Code 讓我們可以在編輯器內開啟終端機視窗。這樣就無需在編輯器和終端之間切換了,讓我們可以專注於編輯器和程式碼。

  • Windows/Linux: ctrl J
  • #macOS: command J

熟記這些VSCode快捷方式,提升你的開發效率!

#7. 開啟命令面板

我們可以在Visual Studio Code 中執行許多命令。使用這個快捷鍵可以輕鬆開啟指令面板。命令面板允許搜尋可以使用的命令並執行它們。

  • Windows/Linux: ctrl shift P
  • #macOS: command shift P

熟記這些VSCode快捷方式,提升你的開發效率!

二、快速選擇

在開發過程中,經常需要在程式碼中進行選擇,包括複製、剪下等操作。與其使用滑鼠進行操作,不如使用鍵盤進行操作可以節省時間。這些快捷鍵專注於快速做出選擇。

1. 選擇目前行

可以使用這個快速鍵來快速選擇遊標所在行的整行程式碼。

  • Windows/Linux: ctrl L
  • #macOS: command L

2. 目前選擇

使用此快捷鍵只需選中一次要查找的文本,就可以在文件中選中所有這個文本,這樣就可以同時編輯這些文本了。

  • Windows/Linux : ctrl shift L
  • macOS : command shift L

3.目前單字

此快捷鍵會執行與上面快速鍵相同的操作,但無需選擇任何內容。當遊標放在一個單字上時,按此快捷鍵就可以選擇這個單字在目前檔案中的所有的位置。

  • Windows/Linux: ctrl F2
  • #macOS: command F2 fn

熟記這些VSCode快捷方式,提升你的開發效率!

4. 選擇直到單字的結尾

選擇程式碼的某部分時,可以移動並擴充此捷徑的選擇。可以使用右箭頭或左箭頭朝想要的方向前進。

  • Windows/Linux : shift alt →或←
  • macOS : shift option →或←

#5. 拖曳滑鼠選擇多行程式碼

將遊標拖曳過程式碼就會從頭到尾選擇每一行。但也可以使用此快捷來選擇部分程式碼行,但只能選擇拖曳的多行程式碼。

  • Windows/Linux : shift alt 拖曳遊標
  • macOS : shift option 拖曳遊標

6. 使用箭頭鍵選擇多行程式碼

使用該快速鍵也可以執行上述操作,但無需使用滑鼠,而是使用鍵盤上的箭頭鍵。

  • Windows/Linux : ctrl shift alt → 或← 或↓或↑
  • macOS : command shift option → 或← 或↓或↑

熟記這些VSCode快捷方式,提升你的開發效率!

三、快速尋找

#所有編輯器都具有查找功能,以便在目前檔案或多個檔案中找到某些單字,例如函數或變數名稱、短語或程式碼區塊等。下面就來看看找功能相關的快捷鍵。

1. 結果導覽

可以使用此快速鍵在檔案中的尋找結果之間進行移動。

  • Windows/Linux:F3
  • #macOS:F3 fn
##2. 選擇多個結果

如果想要修改多個搜尋結果,就可以使用此快捷鍵在文件中選擇查找結果中的多個內容,每次按下此鍵後都會選擇一個結果,然後就會按搜尋結果的順序進行選取。

  • Windows/Linux : ctrl D
  • #macOS : command D
3. 選擇所有結果

如果想要使用查找功能對所有查找結果進行修改,則此快捷鍵就可以選擇所有查找結果。

  • Windows/Linux: alt enter
  • #macOS: option enter
4、程式碼導航

隨著檔案或專案變得複雜,找到程式碼的某些部分就變得越來越困難。手動找出錯誤或轉到某一行程式碼可能比較困難。下面這些快捷鍵就可以省去很多麻煩,讓我們將更多時間投入在真正想做的事情上。

1. 跳轉指定行

當遇到指定一行程式碼導致編譯或執行時錯誤時,就可以使用該快捷鍵跳到這一行程式碼,只需按下這個快捷鍵,輸入程式碼行數,按下回車即可跳到這行程式碼。當一個檔案中程式碼特別多時,這個快捷鍵就非常有用。

  • Windows/Linux: ctrl G
  • #macOS: control G

熟記這些VSCode快捷方式,提升你的開發效率!

#2. 到符合的括號

我們可能會需要尋找符合程式碼區塊的右括號。當文件很長時,就很困難了。使用此快捷鍵可以輕鬆找到目前區塊的右匹配括號。在 HTML 標籤中,它可以移動到目前標籤的末尾。

  • Windows/Linux : ctrl shift \
  • #macOS : command shift \
3.折疊/展開程式碼區塊

在包含大量程式碼的檔案時,我們可以折疊(隱藏)目前不關注的某個程式碼區塊,以便可以專注於其他內容。此快捷鍵就是用來折疊或展開程式碼區塊的。按一下程式碼區塊中的任意位置,然後按以下鍵即可。

  • Windows/Linux : ctrl shift [或]
  • macOS : command option [或]
#4. 折疊/展開程式碼區塊和子程式碼區塊

如果程式碼區塊包含子程式碼區塊怎麼辦?使用上面的命令將會折疊父代碼區塊,但當父代碼區塊展開時,子代碼區塊將保持不變。如果需要折疊和展開一個程式碼區塊及其子程式碼區塊,可以使用此快捷鍵來完成。

  • Windows/Linux : ctrl K [或]
  • macOS : command K [或]
#4. 導航到錯誤和警告處

在程式碼中尋找出現錯誤和警告的程式碼至關重要。此快捷鍵省去了滾動以找到確切問題的麻煩。它可以直接轉到下一個錯誤或警告處。

  • Windows/Linux:F8
  • macOS:F8 fn

五、行動遊標

#在許多情況下,可能需要有多個遊標,每個遊標位於檔案中的不同位置。這些快捷鍵有助於更輕鬆地使用多個遊標進行移動。

1. 特定位置插入額外遊標

此鍵盤快速鍵可以在檔案中任何位置插入額外的遊標。

  • Windows/Linux : alt 滑鼠點選位置
  • macOS:option 滑鼠點選位置

  • 2. 上方或下方插入額外遊標插入遊標的第二種方法是將其插入在目前遊標位置的上方或下方。

Windows/Linux

: ctrl alt ↓或↑

  • macOS : command option ↓或↑
  • 3. 撤銷遊標插入如果錯誤地插入了遊標,或者不再需要在該位置插入遊標怎麼辦?此快捷鍵可以撤銷上次插入的遊標。當插入多個遊標時,這個快鍵鍵將非常有用,因為它可以將其他遊標保持在原位並刪除最後插入的遊標。

Windows/Linux

: ctrl U

#macOS
    : command U
  • ##4. 在選中程式碼的末尾插入遊標
  • 使用該快捷鍵可以在選取程式碼的每一行的最後插入遊標。
  • Windows/Linux
: shift alt I

#macOS

: shift option I
  • #2、快速編碼
  • 1. 移動程式碼行或程式碼區塊
  • 很多時候需要將一條行或多行程式碼從一個位置移到另一個位置。此快捷鍵並不是複製或剪下並將程式碼貼到另一個位置,而是提供了更快的解決方案,只需將遊標放在該程式碼行上。如果想要移動多行程式碼,只需先選取需要移動的程式碼,再使用該快捷鍵即可。

Windows/Linux

: alt ↓或↑

    #macOS
  • :option ↓或↑
  • 2. 複製程式碼行或程式碼區塊
  • 如果需要複製一行或多行程式碼並將其貼到下方或上方怎麼辦?這個快捷鍵不必實際複製和貼上這些程式碼,而是根據使用箭頭選擇的方向在其下方或上方複製該行。如果要複製多行程式碼,只需先選取需要複製的程式碼,再使用該快捷鍵即可。

Windows/Linux

: shift alt ↓或↑

    macOS
  • : shift option ↓或↑
  • #3. 程式碼縮排
  • 當程式碼從一個位置複製到另一個位置時,或是更改程式碼時,很多時候程式碼會出現錯誤的縮排。這個快捷鍵就可以根據需要縮排程式碼,也可以選擇多行程式碼將它們一起移動。

Windows/Linux熟記這些VSCode快捷方式,提升你的開發效率! : ctrl [或]

#macOS

:command [或]

  • 4. 切換程式碼註解使用該快速鍵可以註解或取消註解遊標所在行程式碼。如果想要註解或取消註解多行程式碼,只需要先選取多行程式碼即可。
  • Windows/Linux
  • : ctrl /

熟記這些VSCode快捷方式,提升你的開發效率!#macOS

: command /

5. 切換程式碼區塊註解
  • 與上面的快速鍵不同,下面的快速鍵會將選取的多行程式碼註解為單一註解。
  • Windows/Linux : shift alt A
#macOS

: shift option A

  • #6. 程式碼格式
  • 出於可讀性的原因,保持程式碼指定的格式非常重要。 Visual Studio Code 提供了兩個用於程式碼格式化的快速指令。
  • 下面快速鍵可以格式化整個檔案中的程式碼:

Windows/Linux

: ctrl shift F#########macOS# ## : option shift F#########下面快捷鍵可以格式化已選取的程式碼:############Windows/Linux### : ctrl K,然後ctr l F#########macOS### : command K,然後command F##########7.快速修復錯誤######在很多情況下,如果出現一個常見或簡單的錯誤,Visual Studio Code 可以直接修復它——例如缺少分號。如果快速修復可以使用,則此快捷鍵可以快速修復錯誤或警告。 ###
  • Windows/Linux : ctrl .
  • #macOS : command .

8. 重新命名

如果手動重命名多次使用的變數、函數或類別就很容易出錯。此快捷鍵提供了一種重命名任何符號的安全方法。

  • Windows/Linux:F2
  • #macOS:F2 fn
##9. 刪除空白

可以使用以下快速鍵來刪除多餘的空白行:

  • Windows/Linux : ctrl K X
  • macOS : command K X
注意:需要一直按ctrl 或command 鍵,然後先按K 鍵,再按X 鍵。

10. 變更程式語言

預設情況下,Visual Studio Code 會偵測正在處理的檔案所使用的程式語言。通常,它是透過檢查檔案的副檔名來完成的。但是,如果不支援檔案的副檔名,就可能無法正確偵測語言。因此,當需要更改文件的程式語言,可以使用此快捷鍵。

  • Windows/Linux : ctrl K, 然後按M
  • macOS : command K,然後按M
#七、更好的編碼

1. 轉到定義

很多時候,我們需要了解正在使用的程式碼的定義是怎麼樣的。例如呼叫一個函數時,想知道這個函數是如何定義的,就可以使用這個快捷鍵。

  • Windows/Linux:F12
  • #macOS:F12 fn
2. 檢視定義

此快捷鍵可以在檢查定義的地方開啟定義。這樣可以更輕鬆地查看定義,而無需切換到另一個檔案或程式碼行。

  • Windows/Linux : alt F12
  • #macOS : option F12 fn

熟記這些VSCode快捷方式,提升你的開發效率!

#3. 切換建議

在編寫程式碼時,VS Code 或一些擴充功能會展示程式碼建議。此快捷鍵可以快速切換程式碼建議以查看或隱藏它們。

  • Windows/Linux: ctrl I
  • #macOS : command I
VS Code 是目前最好用的程式碼編輯器之一。它提供了許多開箱即用的功能以及豐富的第三方擴展,在 VS Code 中使用快捷鍵可以使開發更加輕鬆,讓我們可以專注於在更短的時間編寫高品質的程式碼。本文介紹了一些實用的 Visual Studio Code 快捷鍵,希望能幫助你提升開發效率!

最後,附上在Windows、Linux、macOS 系統中VS Code 的快速鍵:

熟記這些VSCode快捷方式,提升你的開發效率!

熟記這些VSCode快捷方式,提升你的開發效率!

1熟記這些VSCode快捷方式,提升你的開發效率!##更多關於VSCode的相關知識,請造訪:

vscode教學

! !

以上是熟記這些VSCode快捷方式,提升你的開發效率!的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:juejin.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板