VS Code 必知必會的 20 個快捷鍵！

英文原文：20 VS Code Shortcuts for Faster Coding
作者：Deepak Gupta
譯者：大羅

本篇文章，希望能夠幫助開發者更高效地使用 VS Code 進行編程。

並不是每一個開發者都有足夠的時間，去了解熟悉所有的快捷鍵，來幫助我們提高編碼效率。因爲快捷鍵實在是太多了。

所以，下面我列出了我最喜歡的快捷鍵。

一、多行轉一行

• 在 MAC 上： Ctrl + J
• 在 Ubuntu/Windows 上：通過 File > Preferences > Keyboard shortcuts 打開快捷鍵的設置，並且綁定editor.action.joinLines 你自己的快捷鍵。

二、格式化代碼

這個快捷鍵可以幫助我們對代碼進行縮進。

注：可以在編碼的任何時候使用它，但是我更喜歡在我的代碼寫完的時候格式化一下。

• 在 Windows 上： Shift + Alt + F
• 在 Mac 上： Shift + Option + F
• 在 Ubuntu 上： Ctrl + Shift + I

三、去掉尾隨空格

這個快捷鍵可以幫你去掉前面和後面多餘的空格，這樣子就可以不用使用嚴格的 Lint 檢查了。

注：建議在你寫完代碼的時候，使用這個快捷鍵。

事實上，這個快捷鍵需要你自己進行配置：

1. 打開用戶設置頁面 (Preferences > Settings > User TAB)
2. 點擊右上角的圖標切換到代碼編輯模式
   
3. 添加 "files.trimTrailingWhitespace": true 到設置文件中
4. 保存你的設置文件

如果你使用的是新版本的 VS Code， 你可以在用戶設置頁面設置，如下圖：

四、代碼摺疊

有些時候，代碼文件非常大，但是你只是想知道代碼的大體邏輯。這個時候代碼摺疊就非常必要。

1. 摺疊光標處未摺疊的代碼
   • 在 Windows/Ubuntu 上： Ctrl + Shift + [
   • 在 Mac 上： Command+ Option + [
2. 展開光標出摺疊的代碼
   • 在 Windows/Ubuntu 上：Ctrl + Shift + ]
   • 在 Mac 上：Command+ Option + ]

五、向上/向下 複製行

• 在 Windows 上： Shift + Alt + Up/Down
• 在 Mac 上：Shift + Option + Up/Down
• 在 Ubuntu 上：Ctrl + Shift + Alt + Up/Down

當然，你也可以自己設置綁定你自己的快捷鍵：File > Preferences > Keyboard Shortcuts

六、拆分編輯框

• 在 Windows 上：Shift + Alt + \ or 2,3,4
• 在 Mac 上：Command + \ or 2,3,4
• 在 Ubuntu 上：Shift + Alt + \ or 2,3,4

拆分編輯器可以使用拆分的快捷鍵。使用 123 也可以切換編輯器焦點。

當然你也可以自己去綁定自己的快捷鍵。

七、編輯器網格佈局

默認情況下，編輯器界面使用的垂直列布局（在你拆分編輯器時，默認會在側面打開）你也可以輕鬆的按照自己的喜好進行水平和垂直佈局：

爲了支持更加靈活的佈局，您可以創建一個空的編輯器組。默認情況下，在你關閉最後一個編輯窗口時，該組也會被關閉掉，但你可以使用下面的配置來關閉這個默認行爲：

"workbench.editor.closeEmptyGroups": false

在 View > Edit Layout 的菜單中，也有預設的佈局：

八、單詞選中

• 在 Windows 上: Ctrl+ d
• 在 Mac 上: Command + d
• 在 Ubuntu 上: Ctrl+ d

如果你多次點擊此快捷鍵，將會選中多個相同的關鍵字。

九、打開關閉側邊欄

• 在 Windows 上: Ctrl+ b
• 在 Mac 上: Command + b
• 在 Ubuntu 上: Ctrl+ b

有時候，文件裏面的代碼寬度比較大，關閉側邊欄可以有更大的代碼可視範圍。

十、跳轉到特定行

注: 在文件中進行行跳轉，你可以使用 Ctrl + G ，然後輸入要跳轉的行號，當然，你也可以使用 Ctrl + P ，然後輸入 ： 和要跳轉的行號

• 在 Windows 上: Ctrl + g
• 在 Mac 上: Ctrl + g or Ctrl + p
• 在 Ubuntu 上: Ctrl + g

十一、文件中符號跳轉

• 在 Windows 上: Ctrl + Shift + o

• 在 Mac 上: Command + Shift+ o
• 在 Ubuntu 上: Ctrl + Shift + o

你也可以通過冒號來進行分組：@:

十二、工作區符號跳轉

• 在 Windows 上: Ctrl + t
• 在 Mac 上: Command + t
• 在 Ubuntu 上: Ctrl + t

十三、刪除上一個詞

• 在 Windows 上: Ctrl + backspace
• 在 Mac 上: Option + delete
• 在 Ubuntu 上: Ctrl + backspace

這個功能在您輸入錯誤時非常有用，你不需要按住 delete 一個個刪。

十四、選中詞

• 在 Windows 上: Ctrl + Shift + 右鍵頭 / 左鍵頭
• 在 Mac 上: Option + Shift + 右鍵頭 / 左鍵頭
• 在 Ubuntu 上: Ctrl + Shift + 右鍵頭 / 左鍵頭

這個快捷鍵有助於快速選中並編輯。

十五、複製行

• 在 Windows 上: Ctrl + Shift + d
• 在 Mac 上: Command + Shift +d
• 在 Ubuntu 上: Ctrl + Shift + d

複製行是一個非常強大的功能。

十六、刪除行

• 在 Windows 上: Ctrl + x
• 在 Mac 上: Command + x
• 在 Ubuntu 上: Ctrl + x

十七、添加多個光標

• 在 Windows 上: Ctrl + Alt + Up/Down
• 在 Mac 上: Command + Alt + Up / Down
• 在 Ubuntu 上: Ctrl + Alt + Up / Down

複製光標是 VS Code中的一個功能，可以節省很多時間。

十八、重命名

• 在 Windows 上： F2
• 在 Mac 上： F2
• 在 Ubuntu 上： F2

選中變量，按 F2，上下文中的引用都會被重命名

十九、塊選擇

• 在 Windows 上： Shift + Alt
• 在 Mac 上： Shift + Option
• 在 Ubuntu 上： Shift + Alt

你可以按住上面的快捷鍵，然後拖動鼠標，選擇一個文本塊，光標會被添加到選中的每一行中。

二十、命令面板

• 在 Windows 上: Ctrl + p
• 在 Mac 上: Command + p
• 在 Ubuntu 上: Ctrl + p

根據您的當前的上下文訪問可用命令。

以下是常用的命令：

1. 打開文件

當你要打開一個文件的時候，使用下面的命令，然後輸入文件名，可以幫助你快速跳轉文件。

2. 查看快捷鍵

所有的命令都可以在命令面板中看到，並且還有快捷鍵綁定關係（如果有快捷鍵），如果你忘記了快捷鍵，可以通過它來查詢：

結語

有很多快捷鍵可以滿足你的需求, 在這裏，我列出了所有 VS Code 快捷鍵的 PDF 文件：

Linux: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf

Window: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

macOS: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf