動圖演示23個經常使用 VsCode 快捷鍵(Window & Mac)

做者:Andreas
譯者:前端小智
來源:dev
點贊再看,養成習慣

本文 GitHub https://github.com/qq44924588... 上已經收錄,更多往期高贊文章的分類,也整理了不少個人文檔,和教程資料。歡迎Star和完善,你們面試能夠參照考點複習,但願咱們一塊兒有點東西。前端

儘管咱們常常使用 VS Code中的許多快捷方式,可是咱們有可能會忘記它們。 這裏用可視化製做了一些GIF,以便更好地記住它們,但願對你有所幫助。git

VSCode中的每一個命令也能夠經過使用CTRL + SHIFT + P和搜索查詢的命令提示符來執行。 可是知道直接快捷鍵速度會更快。github

1. CTRL+, 打開用戶設置

clipboard.png

圖片描述

偶爾須要調整用戶首選項,這是直接打開它們的方式。面試

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

clipboard.png

圖片描述

這是VSCode中的快捷方式的完整列表。 還能夠下載下來Windows[PDF]MacOS [PDF]segmentfault

3.CTRL+R: 切換工做區

clipboard.png

圖片描述

這將打開最近工做區的列表,而且是切換到另外一個文件夾或項目的超快速方法。 請注意,若是在VS Code工做區中打開了一個終端,這會關閉當前的終端會話。less

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

clipboard.png

圖片描述

當咱們但願看到完整的行而無需水平滾動時,它是一個方便的小幫手。函數

5. CTRL + G :轉到行

clipboard.png

圖片描述

6. CTRL + P :轉到文件

clipboard.png

圖片描述

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

clipboard.png

圖片描述

這是單鍵調試,還能夠使用SHIFT+F8轉到之前的錯誤或警告。工具

8. CTRL + TAB :切換選項卡

clipboard.png

圖片描述

不用鼠標切換已打開文件的最快方法。學習

9. SHIFT + ALT + I : 在選定的每行末尾插入光標

clipboard.png

圖片描述

這對於在選定區域中快速建立多個光標頗有用。spa

10. CTRL+L : 選擇當前行

clipboard.png

圖片描述

11. CTRL + SHIFT + L :選擇全部出現的當前選擇

clipboard.png

圖片描述

該快捷方式確實節省了時間,由於沒必要在整個文件中按CTRL + D

12. CTRL + F2 :選擇全部出現的當前單詞

clipboard.png

圖片描述

有了它,甚至沒必要選擇任何東西,只需將光標放在要選擇全部出現的單詞上。

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

clipboard.png

圖片描述

若是咱們不記得參數順序,也不想經過查看文檔來打斷咱們的流程,能夠使用此命令。

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

clipboard.png

圖片描述

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

clipboard.png

圖片描述

16. F12 :轉到定義

clipboard.png

圖片描述

17. ALT+F12 : 查看定義

clipboard.png

圖片描述

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

18. F2 : 重命名變量

clipboard.png

圖片描述

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

clipboard.png

圖片描述

20. CTRL + K R : 在資源管理器中顯示活動文件

clipboard.png

圖片描述

21. CTRL + SHIFT + H : 替換爲文件

clipboard.png

圖片描述

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

clipboard.png

圖片描述

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

clipboard.png

clipboard.png


代碼部署後可能存在的BUG無法實時知道,過後爲了解決這些BUG,花了大量的時間進行log 調試,這邊順便給你們推薦一個好用的BUG監控工具 Fundebug

原文:https://dev.to/devmount/23-le...


交流

乾貨系列文章彙總以下,以爲不錯點個Star,歡迎 加羣 互相學習。

https://github.com/qq44924588...

我是小智,公衆號「大遷世界」做者,對前端技術保持學習愛好者。我會常常分享本身所學所看的乾貨,在進階的路上,共勉!

關注公衆號,後臺回覆福利,便可看到福利,你懂的。

clipboard.png

相關文章
相關標籤/搜索