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

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

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

作者 | Deepak Gupta

出品 | CSDN(ID:CSDNnews)

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

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

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

多行轉一行

VS Code 必知必會的 20 個快捷鍵
  • 在 MAC 上:Ctrl + J
  • 在 Ubuntu/Windows 上:通過File>Preferences>Keyboard shortcuts打開快捷鍵的設置,並且綁定editor.action.joinLines你自己的快捷鍵。


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

格式化代碼

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

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

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

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


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

去掉尾隨空格

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

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

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

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

  • 打開用戶設置頁面 (Preferences>Settings>User TAB);
  • 點擊右上角的圖標切換到代碼編輯模式;


VS Code 必知必會的 20 個快捷鍵
  • 添加"files.trimTrailingWhitespace": true到設置文件中;
  • 保存你的設置文件。

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

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


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

代碼摺疊

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

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

摺疊光標處未摺疊的代碼:

  • 在 Windows/Ubuntu 上:Ctrl + Shift + [
  • 在 Mac 上:Command+ Option + [

展開光標出摺疊的代碼:

  • 在 Windows/Ubuntu 上:Ctrl + Shift + ]
  • 在 Mac 上:Command+ Option + ]


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

向上/向下 複製行

VS Code 必知必會的 20 個快捷鍵
  • 在 Windows 上:Shift + Alt + Up/Down
  • 在 Mac 上:Shift + Option + Up/Down
  • 在 Ubuntu 上:Ctrl + Shift + Alt + Up/Down

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

VS Code 必知必會的 20 個快捷鍵
VS Code 必知必會的 20 個快捷鍵
  • 在 Windows 上:Shift + Alt + \\ or 2,3,4
  • 在 Mac 上:Command + \\ or 2,3,4
  • 在 Ubuntu 上:Shift + Alt + \\ or 2,3,4

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

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

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

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

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

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

在 View>Edit Layout的菜單中,也有預設的佈局:

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


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

單詞選中

VS Code 必知必會的 20 個快捷鍵
  • 在 Windows 上:Ctrl+ d
  • 在 Mac 上: Command + d
  • 在 Ubuntu 上: Ctrl+ d

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

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

打開關閉側邊欄

VS Code 必知必會的 20 個快捷鍵
  • 在 Windows 上:Ctrl+ b
  • 在 Mac 上:Command + b
  • 在 Ubuntu 上:Ctrl+ b

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

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

跳轉到特定行

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

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

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


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

文件中符號跳轉

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

在 Windows 上:Ctrl + Shift + o

在 Mac 上:Command + Shift+ o

在 Ubuntu 上:Ctrl + Shift + o

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

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


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

工作區符號跳轉

VS Code 必知必會的 20 個快捷鍵
  • 在 Windows 上:Ctrl + t
  • 在 Mac 上:Command + t
  • 在 Ubuntu 上:Ctrl + t


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

刪除上一個詞

VS Code 必知必會的 20 個快捷鍵
  • 在 Windows 上:Ctrl + backspace
  • 在 Mac 上:Option + delete
  • 在 Ubuntu 上:Ctrl + backspace

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

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

選中詞

VS Code 必知必會的 20 個快捷鍵
  • 在 Windows 上:Ctrl + Shift + 右鍵頭 / 左鍵頭
  • 在 Mac 上:Option + Shift + 右鍵頭 / 左鍵頭
  • 在 Ubuntu 上:Ctrl + Shift + 右鍵頭 / 左鍵頭
VS Code 必知必會的 20 個快捷鍵

複製行

VS Code 必知必會的 20 個快捷鍵
  • 在 Windows 上:Ctrl + Shift + d
  • 在 Mac 上:Command + Shift +d
  • 在 Ubuntu 上:Ctrl + Shift + d

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

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

刪除行

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


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

添加多個光標

VS Code 必知必會的 20 個快捷鍵
  • 在 Windows 上:Ctrl + Alt + Up/Down
  • 在 Mac 上:Command + Alt + Up / Down
  • 在 Ubuntu 上:Ctrl + Alt + Up / Down

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

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

重命名

VS Code 必知必會的 20 個快捷鍵
  • 在 Windows 上:F2
  • 在 Mac 上:F2
  • 在 Ubuntu 上:F2

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

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

塊選擇

VS Code 必知必會的 20 個快捷鍵
  • 在 Windows 上:Shift + Alt
  • 在 Mac 上:Shift + Option
  • 在 Ubuntu 上:Shift + Alt

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

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

命令面板

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

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

以下是常用的命令:

1. 打開文件

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

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

2. 查看快捷鍵

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

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


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

結語

有很多快捷鍵可以滿足你的需求, 在這裡,我列出了所有 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

原文:https://medium.com/better-programming/20-vs-code-shortcuts-for-fast-coding-cheatsheet-10b0e72fd5d

本文為 CSDN 翻譯,轉載請註明來源出處。

【End】


分享到:


相關文章: