我們都知道，Visual Studio Code（VS Code）是程序員非常強(qiáng)大的工具。通過(guò)本文，我們將學(xué)習(xí)VS Code中一些最常用的快捷鍵，這將幫助我們?cè)诰幊袒驅(qū)懘a時(shí)更加高效。

使用VS Code快捷鍵可以提高編程速度，讓你在使用這個(gè)工具時(shí)看起來(lái)像是一個(gè)專家。讓我們逐個(gè)看一下每個(gè)快捷鍵。

1、打開(kāi)命令面板

如果你是初次接觸 VS Code 編輯器，那么這個(gè)快捷鍵可能是你學(xué)習(xí)的最重要的鍵盤(pán)組合之一。

命令面板提供了對(duì) VS Code 中的所有功能、快捷鍵、命令和配置選項(xiàng)的訪問(wèn)。

你可以使用以下鍵盤(pán)組合調(diào)用命令面板：

Windows — Ctrl + P

Mac — Command + P

2、切換注釋行

傳統(tǒng)上，你必須將光標(biāo)放置在一行代碼的開(kāi)頭，然后鍵入/ /（雙斜杠）將其轉(zhuǎn)換為注釋。

VS Code 提供了一個(gè)更簡(jiǎn)單的注釋代碼行的方法。使用此快捷鍵，可以在光標(biāo)所在行的任何位置切換注釋行。

下面是在 Windows 和 Mac 上切換代碼行的快捷鍵。

Windows — Ctrl + /
Mac — Command + /

3、切換終端

VS Code（Visual Studio Code）內(nèi)置了終端，您可以在其中運(yùn)行所有命令，例如啟動(dòng)服務(wù)器（后端），運(yùn)行應(yīng)用程序（前端），更改目錄（cd），安裝軟件包等等。

當(dāng)構(gòu)建復(fù)雜的 Web 應(yīng)用程序時(shí)，我總是保持終端打開(kāi)，因?yàn)槲医?jīng)常安裝軟件包，并且還檢查終端以查看我的正在運(yùn)行的進(jìn)程是否崩潰。

如果您也需要更多的工作空間，可以關(guān)閉終端。

以下是在 Windows 和 Mac 上切換到終端的鍵盤(pán)快捷鍵：

Windows — Ctrl + `
Mac — control + `

4、打開(kāi)用戶設(shè)置

通常，當(dāng)你想要更改一些設(shè)置時(shí)，你會(huì)點(diǎn)擊右下角的齒輪圖標(biāo)，或者通過(guò)導(dǎo)航到文件菜單- > 首選項(xiàng) -> 設(shè)置進(jìn)行設(shè)置。

與使用鼠標(biāo)單擊以到達(dá)設(shè)置所需的點(diǎn)擊相比，更簡(jiǎn)單的選擇是使用快捷鍵。

你可以使用以下快捷鍵打開(kāi)設(shè)置并進(jìn)行所需的配置。

在VS Code中，你可以在視覺(jué)編輯器設(shè)置或設(shè)置的JSON文件中更改設(shè)置。

假設(shè)你想增加字體大小以使字符更加清晰可見(jiàn)，你可以使用以下快捷鍵打開(kāi)設(shè)置，然后搜索字體大小并將其更改為所需的數(shù)字，更改將立即生效。

Windows - Ctrl +，

Mac - Command +，

5、上下移動(dòng)代碼行

通常當(dāng)您想要將一行代碼上下移動(dòng)時(shí)，您會(huì)選擇剪切和粘貼或復(fù)制和粘貼該行代碼。

當(dāng)您復(fù)制和粘貼一行代碼時(shí)，您必須刪除原始行。

我知道你通常會(huì)選擇剪切和粘貼一行代碼，因?yàn)槟鞘歉玫淖龇?，但是移?dòng)代碼行有更好、更快的方式。

您可以使用以下命令將代碼行向下或向上移動(dòng)，而不必復(fù)制和粘貼它然后再刪除原始行。

Windows: Alt + Up Arrow / Down Arrow

Mac: OPTION + Up Arrow / Down Arrow

6、打開(kāi)文件選項(xiàng)卡

如果你想快速地在不使用鼠標(biāo)的情況下移動(dòng)到另一個(gè)標(biāo)簽頁(yè)，這個(gè)快捷鍵會(huì)非常有用。通常在創(chuàng)建應(yīng)用程序時(shí)，你會(huì)打開(kāi)多個(gè)文件并使用鼠標(biāo)單擊特定文件進(jìn)行編輯。

VS Code 提供了一個(gè)更簡(jiǎn)單的方法在不使用鼠標(biāo)的情況下在標(biāo)簽頁(yè)之間進(jìn)行切換。

以下是可以在不使用鼠標(biāo)的情況下輕松從選項(xiàng)卡移動(dòng)到另一個(gè)選項(xiàng)卡的命令。

Windows — Ctrl + Tab

Mac — control + Tab

7、移動(dòng)文件到分割窗口

VS Code 允許在編輯文件時(shí)輕松地進(jìn)行分割視圖。

通常情況下，當(dāng)您需要一個(gè)分割視圖時(shí)，可以使用鼠標(biāo)將文件拖到右側(cè)以使用分割編輯器。

分割編輯器可以自定義為網(wǎng)格，當(dāng)您需要同時(shí)比較和編輯多個(gè)文件時(shí)，這個(gè)功能非常有用。

以下是在 Windows 和 Mac 上使用分割編輯器的命令：

Windows — Ctrl + \

Mac — Command + \

8、復(fù)制行代碼，進(jìn)行上下移動(dòng)

我們都有把一行代碼復(fù)制粘貼來(lái)復(fù)制它的習(xí)慣。當(dāng)你想要復(fù)制一行代碼時(shí)，可以使用以下鍵盤(pán)組合來(lái)復(fù)制它。你只需要確保光標(biāo)在一行代碼上，然后使用以下命令向上或向下復(fù)制它。

Windows - Shift + Alt + 上/下箭頭

Mac - Shift + OPTION + 上/下箭頭

9、復(fù)制某段代碼，進(jìn)行上下移動(dòng)

假設(shè)你想把一段選定的代碼塊向上或向下復(fù)制，你首先想到的可能是復(fù)制并粘貼該代碼塊。雖然這樣做可行，但使用鍵盤(pán)有更好、更快的方法。要在 Windows 和 Mac 上向上或向下復(fù)制選定的代碼塊，請(qǐng)使用以下命令。

Windows - ALT + SHIFT + 上箭頭/下箭頭

Mac - OPTION + SHIFT + 上箭頭/下箭頭

10、在多個(gè)位置放置光標(biāo)進(jìn)行編輯

VS Code的另一個(gè)有用的功能是在多個(gè)位置放置光標(biāo)的能力。

假設(shè)您想在一些文本變量或值周圍添加列表標(biāo)記。您可以選擇所有變量列表或文本，然后使用Alt + Shift + I，然后按Home鍵（在刪除鍵旁邊）將光標(biāo)移到變量列表的開(kāi)頭。

這就是多個(gè)光標(biāo)發(fā)揮作用的時(shí)候，您只需按住Alt + Shift + I即可一次性編輯長(zhǎng)列表。

Windows - Alt + Shift + I，然后按Home鍵

Mac - Option + Shift + I，然后按Home鍵

結(jié)束

當(dāng)你掌握了這些在 VS Code 中使用的常用快捷鍵后，你將會(huì)更加高效地進(jìn)行代碼編輯和開(kāi)發(fā)。這些快捷鍵可以幫助你快速定位和編輯代碼，從而節(jié)省時(shí)間和提高工作效率。當(dāng)你開(kāi)始使用這些快捷鍵時(shí)，可能會(huì)感覺(jué)不太習(xí)慣，但是隨著時(shí)間的推移，你會(huì)發(fā)現(xiàn)這些快捷鍵已經(jīng)成為你的習(xí)慣，從而使你的工作更加順暢和高效。讓我們?cè)?VS Code 中掌握這些快捷鍵，讓我們的代碼編輯工作變得更加輕松愉快吧！

今天的分享就到這里，感謝你的閱讀，如果你喜歡我的分享，別忘了點(diǎn)贊轉(zhuǎn)發(fā)，讓更多的人看到，最后別忘記關(guān)注「前端達(dá)人」，你的支持將是我分享最大的動(dòng)力，后續(xù)我會(huì)持續(xù)輸出更多內(nèi)容，敬請(qǐng)期待。

原文：
https://medium.com/gitconnected/10-most-used-vs-code-shortcuts-that-every-programmer-must-know-8601bef95433

作者：Dilip Kashyap

非直接翻譯，有自行改編和添加部分，翻譯水平有限，難免有疏漏，歡迎指正文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-615956.html