天天看點

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

作者:Andreas

譯者:前端小智

來源:dev

盡管我們經常使用 VS Code中的許多快捷方式,但是我們有可能會忘記它們。這裡用可視化制作了一些GIF,以便更好地記住它們,希望對你有所幫助。

VSCode中的每個指令也可以通過使用

CTRL + SHIFT + P

和搜尋查詢的指令提示符來執行。但是知道直接快捷鍵速度會更快。

1. `CTRL+,` 打開使用者設定

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

偶爾需要調整使用者首選項,這是直接打開它們的方式。

2. `CTRL+K`   `CTRL+S` : 顯示快捷鍵

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

這是VSCode中的快捷方式的完整清單。還可以下載下傳下來Windows[PDF]和MacOS [PDF]。

3.`CTRL+R`: 切換工作區

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

這将打開最近工作區的清單,并且是切換到另一個檔案夾或項目的超快速方法。請注意,如果在VS Code工作區中打開了一個終端,這會關閉目前的終端會話。

4. `ALT + Z` : 切換自動換行

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

當我們希望看到完整的行而無需水準滾動時,它是一個友善的小幫手。

5. `CTRL + G` :轉到行

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

6. CTRL + P :轉到檔案

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

7. `F8` :轉到下一個錯誤或警告

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

這是單鍵調試,還可以使用SHIFT+F8轉到以前的錯誤或警告。

8. `CTRL + TAB` :切換頁籤

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

不用滑鼠切換已打開檔案的最快方法。

9. `SHIFT + ALT + I` : 在標明的每行末尾插入光标

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

這對于在標明區域中快速建立多個光标很有用。

10. `CTRL+L` : 選擇目前行

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

11. `CTRL + SHIFT + L` :選擇所有出現的目前選擇

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

該快捷方式确實節省了時間,因為不必在整個檔案中按

CTRL + D

12. `CTRL + F2` :選擇所有出現的目前單詞

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

有了它,甚至不必選擇任何東西,隻需将光标放在要選擇所有出現的單詞上。

13. `CTRL + SHIFT + SPACE` : 觸發參數提示

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

如果我們不記得參數順序,也不想通過檢視文檔來打斷我們的流程,可以使用此指令。

14. `SHIFT + ALT + F` : 格式化文檔

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

15. `CTRL + K` ` CTRL + F` :格式選擇的代碼

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

16. `F12` :轉到定義

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

17. `ALT+F12` : 檢視定義

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

這隻顯示了變量或函數的相應定義,而不需要移動光标。

18. `F2` : 重命名變量

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

19. `CTRL + K`  `CTRL + X` : 删除尾部空格

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

20. `CTRL + K` `R` : 在資料總管中顯示活動檔案

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

21. `CTRL + SHIFT + H` : 替換為檔案

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

22. `CTRL + K` `V` =在右側打開Markdown預覽

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

23. `Ctrl + K` `Z` : 進入Zen模式

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)
vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

原文:https://dev.to/devmount/23-lesser-known-vs-code-shortcuts-as-gif-80

交流

vscode 轉到實作方法失效_動圖示範23個常用 VsCode 快捷鍵(Window & Mac)

看完這幾道 JavaScript 面試題,讓你與考官對答如流(下)

看完這幾道 JavaScript 面試題,讓你與考官對答如流(中)

看完這幾道 JavaScript 面試題,讓你與考官對答如流(上)