天天看點

vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

盡管我在VS Code中經常使用許多快捷方式,以下快捷方式可能會派上用場,但我經常忘記它們的存在。我制作了一些GIF,以便更好地記住它們。也許這裡面也有一些快捷方式你也不記得了,但是卻很有用。

VSCode 中的每個指令都可以通過 

CTRL+SHIFT+P

 (MAC 

COMMAND+SHIFT+P

) 搜尋指令提示符執行,但是知道直接的快捷方式會可能會更快。

下面的Gif是我在 

Windows

 環境中的 VSCode 制作的,但是我提升了一個表格,其中顯示了每個指令在 

Windows

 和 

Mac

 上的快捷方式。

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

       

Windows Mac
CTRL + ,  ⌘ + ,
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

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

2. CTRL + K  CTRL + S = 顯示快捷方式

        

Windows Mac
CTRL  +  K  CTRL  +  S     ⌘ +  K  ⌘  +   S    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

這裡有一份VS Code中的快捷方式的完整清單可以下載下傳: Windows備忘單[PDF] 和 MacOS備忘單[PDF]。

3. CTRL + R = 切換工作區

       

Windows Mac
CTRL + R ⌘ + R

譯者注: 

MAC

上我看了下,是 

Control

 + 

R

  —— 其他小夥伴呢?

vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

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

4. ALT + Z = 切換自動換行

       

Windows Mac
ALT + Z ⌥ + Z
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

5. CTRL + G = 轉到行

       

Windows Mac
CTRL + G ^ + G
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

6. CTRL + P = 轉到檔案

       

Windows Mac
CTRL + P ⌘ + P
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

不使用滑鼠切換檔案的最快方法(尤其是在尚未打開檔案時)。

7. F8 = 轉到下一個錯誤或者警告

       

Windows Mac
F8 F8
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

還可以使用 

SHIFT

 + 

F8

 轉到上一個錯誤或警告。

8. CTRL + TAB = 切換 tabs

       

Windows Mac
CTRL   +  TAB     ^   +     TAB    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

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

9. SHIFT + ALT + I = 在所選的每一行的末尾插入光标

       

Windows Mac
SHIFT   +  ALT+   I     ⇧  +   ⌥  +  I    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

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

10. CTRL + L = 選中目前行

       

Windows Mac
CTRL  +  L     ⌘  +  L    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

結合下一個快捷方式搜尋相同的行

11. CTRL + SHIFT + L = 選中所有找到的比對項

       

Windows Mac
CTRL  +  SHIFT  +   L     ⇧  +  ⌘   +  L    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

12. CTRL + F2 = 選中所有比對項

       

Windows Mac
CTRL   +     F2     ⌘  +  F2    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

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

13. CTRL + SHIFT + SPACE = 檢視參數定義

       

Windows Mac
CTRL   +  SHIFT  + SPACE     ⇧  +   ⌘  +  SPACE    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

如果你不記得參數順序,也不想通過檢視文檔來打斷你的流程。【譯者注:這個感覺作用不大,光标放在函數上就可以看到了。】

14. SHIFT + ALT + F = 格式化代碼

       

Windows Mac
SHIFT  +  ALT   +  F     ⇧  +  ⌥  +  F    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

沒有人想要手動格式化整個問題。

譯者注:使用了 

Prettier

 之後,這個快捷鍵對我作用就不大了~雖然以前也沒少用。

15. CTRL + K CTRL + F = 格式化選擇部分

       

Windows Mac
CTRL +  K  CTRL  +  F     ⌘ +  K  ⌘  +  F    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

如果隻想格式化檔案的某些部分。

譯者注:不知道什麼場景下有這種需求,好吧,的确不知道這個快捷鍵

F12 = 轉到定義

       

Windows Mac
F12     F12    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

跳轉到變量或函數定義的快捷方法。

17. ALT + F12 = 檢視定義

       

Windows Mac
ALT  + F12     ⌥  +  F12    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

18. F2 = 重命名符号

       

Windows Mac
F2     F2    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

重構代碼必不可少的快捷方式。

19. CTRL + K CTRL + X = 裁剪尾随空格

       

Windows Mac
CTRL  +  KCTRL  +   X     ⌘  +  K   ⌘  + X    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

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

       

Windows Mac
CTRL   +  K   R     ⌘  +  K   R    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

21. CTRL + SHIFT + H = 替換檔案

        

Windows Mac
CTRL  +  SHIFT + H     ⇧ +  ⌘  +   H    

     

vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

  

22. CTRL + K  V = 打開 MarkDown 側邊預覽

       

Windows Mac
CTRL +  K  V     ⌘ +  K  V    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

23. CTRL + K  Z = 切換禅模式

       

Windows Mac
CTRL  +  K  Z     ⌘  +  K  Z    
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

編碼無幹擾。要退出禅模式,按ESC即可。

譯者注:最後這個模式絕佳,為沒看到消息找到了完美的理由。

關注公衆号,解鎖更多實用技巧

vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵
vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵

你點的每個在看,我都認真當成了喜歡。

vscode設定tab為4個空格_動圖炫技23個鮮為人知的VS Code快捷鍵