1. 程式人生 > 程式設計 >20個提高開發效率的VS Code快捷鍵(推薦)

20個提高開發效率的VS Code快捷鍵(推薦)

以下為譯文:

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

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

1.多行轉一行

20個提高開發效率的VS Code快捷鍵(推薦)

在 MAC 上:Ctrl + J

在 Ubuntu/Windows 上:通過File>Preferences>Keyboard shortcuts開啟快捷鍵的設定,並且繫結editor.action.joinLines你自己的快捷鍵。

2.格式化程式碼

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

20個提高開發效率的VS Code快捷鍵(推薦)

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

在 Windows 上:Shift + Alt + F

在 Mac 上:Shift + Option + F

在 Ubuntu 上:Ctrl + Shift + I

3.去掉尾隨空格

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

20個提高開發效率的VS Code快捷鍵(推薦)

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

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

開啟使用者設定頁面 (Preferences>Settings>User TAB);

點選右上角的圖示切換到程式碼編輯模式;

20個提高開發效率的VS Code快捷鍵(推薦)

新增"files.trimTrailingWhitespace": true到設定檔案中;

儲存你的設定檔案。

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

20個提高開發效率的VS Code快捷鍵(推薦)

4.程式碼摺疊

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

20個提高開發效率的VS Code快捷鍵(推薦)

摺疊游標處未摺疊的程式碼:

在 Windows/Ubuntu 上:Ctrl + Shift + [

在 Mac 上:Command+ Option + [

展開光標出摺疊的程式碼:

在 Windows/Ubuntu 上:Ctrl + Shift + ]

在 Mac 上:Command+ Option + ]

5.向上/向下 複製行

20個提高開發效率的VS Code快捷鍵(推薦)

在 Windows 上:Shift + Alt + Up/Down

在 Mac 上:Shift + Option + Up/Down

在 Ubuntu 上:Ctrl + Shift + Alt + Up/Down

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

6.拆分編輯框

20個提高開發效率的VS Code快捷鍵(推薦)

在 Windows 上:Shift + Alt + \ or 2,3,4

在 Mac 上:Command + \ or 2,4

在 Ubuntu 上:Shift + Alt + \ or 2,4

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

當然你也可以自己去繫結自己的快捷鍵。

7.編輯器網格佈局

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

20個提高開發效率的VS Code快捷鍵(推薦)

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

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

20個提高開發效率的VS Code快捷鍵(推薦)

8.單詞選中

20個提高開發效率的VS Code快捷鍵(推薦)

在 Windows 上:Ctrl+ d

在 Mac 上:Command + d

在 Ubuntu 上:Ctrl+ d

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

9.開啟關閉側邊欄

20個提高開發效率的VS Code快捷鍵(推薦)

在 Windows 上:Ctrl+ b

在 Mac 上:Command + b

在 Ubuntu 上:Ctrl+ b

有時候,檔案裡面的程式碼寬度比較大,關閉側邊欄可以有更大的程式碼可視範圍。

10.跳轉到特定行

20個提高開發效率的VS Code快捷鍵(推薦)

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

在 Windows 上:Ctrl + g

在 Mac 上:Ctrl + gorCtrl + p

在 Ubuntu 上:Ctrl + g

11.檔案中符號跳轉

20個提高開發效率的VS Code快捷鍵(推薦)

在 Windows 上:Ctrl + Shift + o

在 Mac 上:Command + Shift+ o

在 Ubuntu 上:Ctrl + Shift + o

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

20個提高開發效率的VS Code快捷鍵(推薦)

12.工作區符號跳轉

20個提高開發效率的VS Code快捷鍵(推薦)

在 Windows 上:Ctrl + t

在 Mac 上:Command + t

在 Ubuntu 上:Ctrl + t

13.刪除上一個詞

20個提高開發效率的VS Code快捷鍵(推薦)

在 Windows 上:Ctrl + backspace

在 Mac 上:Option + delete

在 Ubuntu 上:Ctrl + backspace

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

14.選中詞

20個提高開發效率的VS Code快捷鍵(推薦)

在 Windows 上:Ctrl + Shift + 右鍵頭 / 左鍵頭

在 Mac 上:Option + Shift + 右鍵頭 / 左鍵頭

在 Ubuntu 上:Ctrl + Shift + 右鍵頭 / 左鍵頭

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

15.複製行

20個提高開發效率的VS Code快捷鍵(推薦)

在 Windows 上:Ctrl + Shift + d

在 Mac 上:Command + Shift +d

在 Ubuntu 上:Ctrl + Shift + d

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

16.刪除行

20個提高開發效率的VS Code快捷鍵(推薦)

在 Windows 上:Ctrl + x

在 Mac 上:Command + x

在 Ubuntu 上:Ctrl + x

17.新增多個游標

20個提高開發效率的VS Code快捷鍵(推薦)

在 Windows 上:Ctrl + Alt + Up/Down

在 Mac 上:Command + Alt + Up / Down

在 Ubuntu 上:Ctrl + Alt + Up / Down

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

18.重新命名

20個提高開發效率的VS Code快捷鍵(推薦)

在 Windows 上:F2

在 Mac 上:F2

在 Ubuntu 上:F2

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

19.塊選擇

20個提高開發效率的VS Code快捷鍵(推薦)

在 Windows 上:Shift + Alt

在 Mac 上:Shift + Option

在 Ubuntu 上:Shift + Alt

你可以按住上面的快捷鍵,然後拖動滑鼠,選擇一個文字塊,游標會被新增到選中的每一行中。

20.命令面板

在 Windows 上:Ctrl + p

在 Mac 上:Command + p

在 Ubuntu 上:Ctrl + p

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

以下是常用的命令:

1. 開啟檔案

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

20個提高開發效率的VS Code快捷鍵(推薦)

2. 檢視快捷鍵

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

20個提高開發效率的VS Code快捷鍵(推薦)

結語

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

到此這篇關於20個提高開發效率的VS Code快捷鍵的文章就介紹到這了,更多相關VS Code快捷鍵內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!