腳本之家 設(shè)為“星標(biāo)?”

第一時(shí)間收到文章更新

出品 | 前端充電寶（ID：FE-Charge)

如若轉(zhuǎn)載請(qǐng)聯(lián)系原公眾號(hào)

Visual Studio Code 是目前最流行、最常用的代碼編輯器之一，它是開(kāi)源的并且可以免費(fèi)使用。它還提供對(duì)多種語(yǔ)言和框架的支持。下面就來(lái)看看VS Code中常用的快捷鍵有哪些！

注意，以下 Visual Studio Code 快捷方式取自于 VS Code 官方文檔。如果某些快捷方式不起作用，可能是由于編輯器或文件格式中的快捷方式發(fā)生了變化，或者安裝的擴(kuò)展影響了該快捷方式。

一、快捷導(dǎo)航1. 搜索文件

當(dāng)需要搜索特定的文件，當(dāng)項(xiàng)目很大時(shí)，就會(huì)耗費(fèi)大量時(shí)間。即使已經(jīng)知道文件在哪，使用這個(gè)快捷鍵也會(huì)很方便，可以輕松打開(kāi)項(xiàng)目中的文件。

Windows/Linux:ctrl + P

macOS:command + P

Windows/Linux:ctrl + P

macOS:command + P

Visual Studio Code 有許多功能和設(shè)置，可以根據(jù)需要進(jìn)行更改。此快捷鍵可以在必要時(shí)輕松地打開(kāi)設(shè)置。

Windows/Linux: ctrl + ,

macOS: command + ,

展開(kāi)全文

Windows/Linux: ctrl + ,

macOS: command + ,

很多時(shí)候，我們需要更多空間來(lái)放置需要處理的文件。因此，此快捷鍵可以方便地顯示或隱藏側(cè)邊欄。

Windows/Linux: ctrl + B

macOS: command + B

Windows/Linux: ctrl + B

macOS: command + B

當(dāng)打開(kāi)了許多選項(xiàng)卡并且需要在它們之間進(jìn)行切換時(shí)，就可以使用這個(gè)快捷鍵，它會(huì)顯示選項(xiàng)卡列表并在它們之間導(dǎo)航，我們可以選擇要打開(kāi)的選項(xiàng)卡。

Windows/Linux: ctrl + shift + tab

macOS: control + shift + tab

Windows/Linux: ctrl + shift + tab

macOS: control + shift + tab

Visual Studio Code 提供了創(chuàng)建選項(xiàng)卡組功能。選項(xiàng)卡組允許我們將選項(xiàng)卡分組，每個(gè)選項(xiàng)卡組會(huì)占屏幕的一部分。使用該快捷鍵可以在不同的選項(xiàng)卡組進(jìn)行切換。如果在快捷方式中選擇的選項(xiàng)卡組大于當(dāng)前打開(kāi)的組數(shù)，此快捷鍵就會(huì)創(chuàng)建一個(gè)新組。

Windows/Linux: ctrl + 1或2或3

macOS：command + 1或2或3

Windows/Linux: ctrl + 1或2或3

macOS：command + 1或2或3

在開(kāi)發(fā)過(guò)程中，會(huì)經(jīng)常使用終端。Visual Studio Code 允許我們?cè)诰庉嬈鲀?nèi)打開(kāi)終端窗口。這樣就無(wú)需在編輯器和終端之間切換了，讓我們可以專(zhuān)注于編輯器和代碼。

Windows/Linux: ctrl + J

macOS: command + J

Windows/Linux: ctrl + J

macOS: command + J

7. 打開(kāi)命令面板

我們可以在 Visual Studio Code 中執(zhí)行許多命令。使用這個(gè)快捷鍵可以輕松打開(kāi)命令面板。命令面板允許搜索可以使用的命令并執(zhí)行它們。

Windows/Linux: ctrl + shift + P

macOS: command + shift + P

Windows/Linux: ctrl + shift + P

macOS: command + shift + P

二、快捷選擇

在開(kāi)發(fā)過(guò)程中，經(jīng)常需要在代碼中進(jìn)行選擇，包括復(fù)制、剪切等操作。與其使用鼠標(biāo)進(jìn)行操作，不如使用鍵盤(pán)進(jìn)行操作可以節(jié)省時(shí)間。這些快捷鍵專(zhuān)注于快速做出選擇。

1. 選擇當(dāng)前行

可以使用這個(gè)快捷鍵來(lái)快速選擇光標(biāo)所在行的整行代碼。

Windows/Linux: ctrl + L

macOS: command + L

Windows/Linux: ctrl + L

macOS: command + L

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

Windows/Linux: ctrl + shift + L

macOS: command + shift + L

Windows/Linux: ctrl + shift + L

macOS: command + shift + L

此快捷鍵會(huì)執(zhí)行與上面快捷鍵相同的操作，但無(wú)需選擇任何內(nèi)容。當(dāng)光標(biāo)放在一個(gè)詞上時(shí)，按此快捷鍵就可以選擇這個(gè)單詞在當(dāng)前文件中的所有的位置。

Windows/Linux: ctrl + F2

macOS: command + F2 + fn

Windows/Linux: ctrl + F2

macOS: command + F2 + fn

4. 選擇直到單詞的結(jié)尾

選擇代碼的某部分時(shí)，可以移動(dòng)和擴(kuò)展此快捷方式的選擇?？梢允褂糜壹^或左箭頭朝想要的方向前進(jìn)。

Windows/Linux: shift + alt + →或←

macOS: shift + option + →或←

Windows/Linux: shift + alt + →或←

macOS: shift + option + →或←

將光標(biāo)拖過(guò)代碼就會(huì)從頭到尾選擇每一行。但是也可以使用此快捷來(lái)選擇部分代碼行，但只能選擇拖動(dòng)的多行代碼。

Windows/Linux: shift + alt + 拖動(dòng)光標(biāo)

macOS: shift + option + 拖動(dòng)光標(biāo)

Windows/Linux: shift + alt + 拖動(dòng)光標(biāo)

macOS: shift + option + 拖動(dòng)光標(biāo)

使用該快捷鍵也可以執(zhí)行上述操作，但無(wú)需使用鼠標(biāo)，而是使用鍵盤(pán)上的箭頭鍵。

Windows/Linux: ctrl + shift + alt + → 或 ← 或 ↓或↑

macOS: command + shift + option + → 或 ← 或 ↓或↑

Windows/Linux: ctrl + shift + alt + → 或 ← 或 ↓或↑

macOS: command + shift + option + → 或 ← 或 ↓或↑

三、快捷查找

所有編輯器都具有查找功能，以便可以在當(dāng)前文件或多個(gè)文件中查找某些單詞，例如函數(shù)或變量名稱(chēng)、短語(yǔ)或代碼塊等。下面就來(lái)看看查找功能相關(guān)的快捷鍵。

1. 結(jié)果導(dǎo)航

可以使用此快捷鍵在文件中的查找結(jié)果之間進(jìn)行移動(dòng)。

Windows/Linux：F3

macOS：F3 + fn

Windows/Linux：F3

macOS：F3 + fn

如果想要修改多個(gè)搜索結(jié)果，就可以使用此快捷鍵在文件中選擇查找結(jié)果中的多個(gè)內(nèi)容，每次按下此鍵后都會(huì)選擇一個(gè)結(jié)果，然后就會(huì)按搜索結(jié)果的順序進(jìn)行選中。

Windows/Linux: ctrl + D

macOS: command + D

Windows/Linux: ctrl + D

macOS: command + D

如果想使用查找功能對(duì)所有查找結(jié)果進(jìn)行修改，則此快捷鍵就可以選擇所有查找結(jié)果。

Windows/Linux: alt + enter

macOS: option + enter

Windows/Linux: alt + enter

macOS: option + enter

隨著文件或項(xiàng)目變得復(fù)雜，找到代碼的某些部分就變得越來(lái)越困難。手動(dòng)查找錯(cuò)誤或轉(zhuǎn)到某一行代碼可能比較困難。下面這些快捷鍵就可以省去很多麻煩，讓我們將更多時(shí)間投入到真正想做的事情上。

1. 跳轉(zhuǎn)指定行

當(dāng)遇到指定一行代碼導(dǎo)致編譯或運(yùn)行時(shí)錯(cuò)誤時(shí)，就可以使用該快捷鍵跳轉(zhuǎn)到這一行代碼，只需按下這個(gè)快捷鍵，輸入代碼行數(shù)，按下回車(chē)即可跳轉(zhuǎn)到這行代碼。當(dāng)一個(gè)文件中代碼特別多時(shí)，這個(gè)快捷鍵就非常有用。

Windows/Linux: ctrl + G

macOS: control + G

Windows/Linux: ctrl + G

macOS: control + G

我們可能會(huì)需要查找匹配代碼塊的右括號(hào)。當(dāng)文件內(nèi)容很長(zhǎng)時(shí)，就很困難了。使用此快捷鍵可以輕松找到當(dāng)前塊的右匹配括號(hào)。在 HTML 標(biāo)簽中，它可以移動(dòng)到當(dāng)前標(biāo)簽的末尾。

Windows/Linux: ctrl + shift + \

macOS: command + shift + \

Windows/Linux: ctrl + shift + \

macOS: command + shift + \

在包含大量代碼的文件時(shí)，我們可以折疊（隱藏）當(dāng)前不關(guān)注的某個(gè)代碼塊，以便可以專(zhuān)注于其他內(nèi)容。此快捷鍵就是用來(lái)折疊或展開(kāi)代碼塊的。單擊代碼塊中的任意位置，然后按以下鍵即可。

Windows/Linux: ctrl + shift + [或]

macOS: command + option + [或]

Windows/Linux: ctrl + shift + [或]

macOS: command + option + [或]

如果代碼塊包含子代碼塊怎么辦？使用上面的命令將會(huì)折疊父代碼塊，但當(dāng)父代碼塊展開(kāi)時(shí)，子代碼塊將保持不變。如果需要折疊和展開(kāi)一個(gè)代碼塊及其子代碼塊，可以使用此快捷鍵來(lái)完成。

Windows/Linux: ctrl + K + [或]

macOS: command + K + [或]

Windows/Linux: ctrl + K + [或]

macOS: command + K + [或]

在代碼中查找出現(xiàn)錯(cuò)誤和警告的代碼至關(guān)重要。此快捷鍵省去了滾動(dòng)以找到確切問(wèn)題的麻煩。它可以直接轉(zhuǎn)到下一個(gè)錯(cuò)誤或警告處。

Windows/Linux：F8

macOS：F8 + fn

Windows/Linux：F8

macOS：F8 + fn

在很多情況下，可能需要有多個(gè)光標(biāo)，每個(gè)光標(biāo)位于文件中的不同位置。這些快捷鍵有助于更輕松地使用多個(gè)光標(biāo)進(jìn)行移動(dòng)。

1. 特定位置插入額外光標(biāo)

此鍵盤(pán)快捷鍵可以在文件中任何位置插入一個(gè)額外的光標(biāo)。

Windows/Linux: alt + 鼠標(biāo)點(diǎn)擊位置

macOS：option + 鼠標(biāo)點(diǎn)擊位置

Windows/Linux: alt + 鼠標(biāo)點(diǎn)擊位置

macOS：option + 鼠標(biāo)點(diǎn)擊位置

插入光標(biāo)的第二種方法是將其插入在當(dāng)前光標(biāo)位置的上方或下方。

Windows/Linux: ctrl + alt +↓或↑

macOS: command + option +↓或↑

Windows/Linux: ctrl + alt +↓或↑

macOS: command + option +↓或↑

如果錯(cuò)誤地插入了光標(biāo)，或者不再需要在該位置插入光標(biāo)怎么辦？此快捷鍵可以撤消上次插入的光標(biāo)。當(dāng)插入多個(gè)光標(biāo)時(shí)，這個(gè)快鍵鍵將非常有用，因?yàn)樗梢詫⑵渌鈽?biāo)保持在原位并刪除最后插入的光標(biāo)。

Windows/Linux: ctrl + U

macOS: command + U

Windows/Linux: ctrl + U

macOS: command + U

使用該快捷鍵可以在選中代碼的每一行的最后插入光標(biāo)。

Windows/Linux: shift + alt + I

macOS: shift + option + I

Windows/Linux: shift + alt + I

macOS: shift + option + I

很多時(shí)候需要將一條行或多行代碼從一個(gè)位置移動(dòng)到另一個(gè)位置。此快捷鍵并不是復(fù)制或剪切并將代碼粘貼到另一個(gè)位置，而是提供了一種更快的解決方案，只需將光標(biāo)放在該代碼行上。如果想移動(dòng)多行代碼，只需先選中需要移動(dòng)的代碼，再使用該快捷鍵即可。

Windows/Linux: alt +↓或↑

macOS：option +↓或↑

Windows/Linux: alt +↓或↑

macOS：option +↓或↑

如果需要復(fù)制一行或多行代碼并將其粘貼到下方或上方怎么辦？這個(gè)快捷鍵不必實(shí)際復(fù)制和粘貼這些代碼，而是根據(jù)使用箭頭選擇的方向在其下方或上方復(fù)制該行。如果想復(fù)制多行代碼，只需先選中需要復(fù)制的代碼，再使用該快捷鍵即可。

Windows/Linux: shift + alt +↓或↑

macOS: shift + option +↓或↑

Windows/Linux: shift + alt +↓或↑

macOS: shift + option +↓或↑

當(dāng)將代碼從一個(gè)位置復(fù)制到另一個(gè)位置時(shí)，或者更改代碼時(shí)，很多時(shí)候代碼會(huì)出現(xiàn)錯(cuò)誤的縮進(jìn)。這個(gè)快捷鍵就可以根據(jù)需要縮進(jìn)代碼，也可以選擇多行代碼將它們一起移動(dòng)。

Windows/Linux: ctrl + [或]

macOS：command + [或]

Windows/Linux: ctrl + [或]

macOS：command + [或]

使用該快捷鍵可以注釋或取消注釋光標(biāo)所在行代碼。如果想要注釋或取消注釋多行代碼，只需要先選中多行代碼即可。

Windows/Linux: ctrl + /

macOS: command + /

Windows/Linux: ctrl + /

macOS: command + /

與上面的快捷鍵不同，下面的快捷鍵會(huì)將選中的多行代碼注釋為單個(gè)注釋。

Windows/Linux: shift + alt + A

macOS: shift + option + A

Windows/Linux: shift + alt + A

macOS: shift + option + A

出于可讀性的原因，保持代碼指定的格式非常重要。Visual Studio Code 提供了兩個(gè)用于代碼格式化的快捷命令。

下面快捷鍵可以格式化整個(gè)文件中的代碼：

Windows/Linux: ctrl + shift + F

macOS: option + shift + F

Windows/Linux: ctrl + shift + F

macOS: option + shift + F

下面快捷鍵可以格式化已選中的代碼：

Windows/Linux: ctrl + K，然后ctr l+ F

macOS: command + K，然后command + F

Windows/Linux: ctrl + K，然后ctr l+ F

macOS: command + K，然后command + F

在很多情況下，如果出現(xiàn)一個(gè)常見(jiàn)或簡(jiǎn)單的錯(cuò)誤，Visual Studio Code 可以直接修復(fù)它——例如缺少分號(hào)。如果快速修復(fù)可以使用，則此該快捷鍵可以快速修復(fù)錯(cuò)誤或警告。

Windows/Linux: ctrl + .

macOS: command + .

Windows/Linux: ctrl + .

macOS: command + .

如果手動(dòng)重命名多次使用的變量、函數(shù)或類(lèi)就很容易出錯(cuò)。此快捷鍵提供了一種重命名任何符號(hào)的安全方法。

Windows/Linux：F2

macOS：F2 + fn

Windows/Linux：F2

macOS：F2 + fn

可以使用以下快捷鍵來(lái)刪除多余的空行：

Windows/Linux: ctrl + K + X

macOS: command + K + X

Windows/Linux: ctrl + K + X

macOS: command + K + X

注意：需要一直按著 ctrl 或 command 鍵，然后先按 K 鍵，再按 X 鍵。

10. 更改編程語(yǔ)言

默認(rèn)情況下，Visual Studio Code 會(huì)檢測(cè)正在處理的文件所用的編程語(yǔ)言。通常，它是通過(guò)檢查文件的擴(kuò)展名來(lái)完成的。但是，如果不支持文件的擴(kuò)展名，就可能無(wú)法正確檢測(cè)語(yǔ)言。因此，當(dāng)需要更改文件的編程語(yǔ)言，可以使用此快捷鍵。

Windows/Linux: ctrl + K, 然后按M

macOS: command + K，然后按M

Windows/Linux: ctrl + K, 然后按M

macOS: command + K，然后按M

很多時(shí)候，我們需要了解正在使用的代碼的定義是怎樣的。比如調(diào)用一個(gè)函數(shù)時(shí)，想知道這個(gè)函數(shù)是如何定義的，就可以使用這個(gè)快捷鍵。

Windows/Linux：F12

macOS：F12 + fn

Windows/Linux：F12

macOS：F12 + fn

此快捷鍵可以在檢查定義的地方打開(kāi)定義。這樣可以更輕松地查看定義，而無(wú)需切換到另一個(gè)文件或代碼行。

Windows/Linux: alt + F12

macOS: option + F12 + fn

Windows/Linux: alt + F12

macOS: option + F12 + fn

3. 切換建議

在編寫(xiě)代碼時(shí)，VS Code 或者一些擴(kuò)展會(huì)展示代碼建議。此快捷鍵可以快速切換代碼建議以查看或隱藏它們。

Windows/Linux: ctrl + I

macOS: command + I

Windows/Linux: ctrl + I

macOS: command + I

VS Code 是目前最好用的代碼編輯器之一。它提供了許多開(kāi)箱即用的功能以及豐富的第三方擴(kuò)展，在 VS Code 中使用快捷鍵可以使開(kāi)發(fā)更加輕松，讓我們可以專(zhuān)注于在更短的時(shí)間編寫(xiě)高質(zhì)量的代碼。本文介紹了一些實(shí)用的 Visual Studio Code 快捷鍵，希望能幫助你提高開(kāi)發(fā)效率！

最后，附上在 Windows、Linux、macOS 系統(tǒng)中 VS Code 的快捷鍵：

Windows 快捷鍵

Linux 快捷鍵

macOS 快捷鍵

這么實(shí)用的功能，Edge終于考慮了！

VS Code 1.79 發(fā)布

VSCode | 那些讓你眼前一亮的插件

2023年最新最全 VSCode 插件推薦！

微軟再出手，VS Code殺瘋了！