动图演示23个鲜为人知的VSCode快捷键
原文地址：https://dev.to/devmount/23-lesser-known-vs-code-shortcuts-as-gif-80
盡管我在VS Code中經常使用許多快捷方式，以下快捷方式可能會派上用場，但我經常忘記它們的存在。我制作了一些GIF，以便更好地記住它們。也許這里面也有一些快捷方式你也不記得了，但是卻很有用。
VSCode 中的每個命令都可以通過 CTRL+SHIFT+P (MAC COMMAND+SHIFT+P) 搜索命令提示符執行，但是知道直接的快捷方式會可能會更快。
下面的Gif是我在 Windows 環境中的 VSCode 制作的，但是我提升了一個表格，其中顯示了每個命令在 Windows 和 Mac 上的快捷方式。
1. CTRL + , = 打開用戶設置
| CTRL + ,? | ? + , |
偶爾我們需要調整用戶首選項，這是直接打開它們的方式。
2. CTRL + K ?CTRL + S = 顯示快捷方式
?
| CTRL ?+??K ?CTRL? +? S ? ? | ??+??K ??? +? ?S ? ? |
這里有一份VS Code中的快捷方式的完整列表可以下載: Windows備忘單[PDF] 和 MacOS備忘單[PDF]。
3. CTRL + R = 切換工作區
| CTRL + R | ? + R |
譯者注: MAC上我看了下，是 Control + R ?—— 其他小伙伴呢？
這將打開最近工作區的列表，并且是切換到另一個文件夾或項目的超快速方法。請注意，如果你在 VS Code 工作區中打開了一個終端，這將殺死你當前的終端會話。
4. ALT + Z = 切換自動換行
| ALT + Z | ? + Z |
5. CTRL + G = 轉到行
| CTRL + G | ^ + G |
6. CTRL + P = 轉到文件
| CTRL + P | ? + P |
不使用鼠標切換文件的最快方法（尤其是在尚未打開文件時）。
7. F8 = 轉到下一個錯誤或者警告
| F8 | F8 |
還可以使用 SHIFT + F8 轉到上一個錯誤或警告。
8. CTRL + TAB = 切換 tabs
| CTRL ??+ ?TAB ? ? | ^? ?+? ? ?TAB ? ? |
不使用鼠標切換已打開文件的最快方法。
9. SHIFT + ALT + I = 在所選的每一行的末尾插入光標
| SHIFT?? +??ALT+? ?I ? ? | ?? +? ??? +??I ? ? |
這對于在選定區域中快速創建多個光標很有用。
10. CTRL + L = 選中當前行
| CTRL? +??L ? ? | ?? +??L ? ? |
結合下一個快捷方式搜索相同的行
11. CTRL + SHIFT + L = 選中所有找到的匹配項
| CTRL? + ?SHIFT??+? ?L ? ? | ?? +???? ?+ ?L ? ? |
12. CTRL + F2 = 選中所有匹配項
| CTRL ??+? ? ?F2 ? ? | ?? +??F2 ? ? |
有了它，甚至不必選擇任何東西，只需要將光標放在要選擇所有出現的單詞上。
13. CTRL + SHIFT + SPACE = 查看參數定義
| CTRL ??+ ?SHIFT? +?SPACE ? ? | ?? +? ??? +??SPACE ? ? |
如果你不記得參數順序，也不想通過查看文檔來打斷你的流程。【譯者注：這個感覺作用不大，光標放在函數上就可以看到了。】
14. SHIFT + ALT + F = 格式化代碼
| SHIFT ?+??ALT? ?+??F ? ? | ?? + ??? +??F ? ? |
沒有人想要手動格式化整個問題。
譯者注：使用了 Prettier 之后，這個快捷鍵對我作用就不大了~雖然以前也沒少用。
15. CTRL + K CTRL + F = 格式化選擇部分
| CTRL?+??K ?CTRL? +??F ? ? | ??+? K???? +??F ? ? |
如果只想格式化文件的某些部分。
譯者注：不知道什么場景下有這種需求，好吧，的確不知道這個快捷鍵
F12 = 轉到定義
| F12 ? ? | F12 ? ? |
跳轉到變量或函數定義的快捷方法。
17. ALT + F12 = 查看定義
| ALT ?+ F12 ? ? | ?? +??F12 ? ? |
18. F2 = 重命名符號
| F2 ? ? | F2 ? ? |
重構代碼必不可少的快捷方式。
19. CTRL + K CTRL + X = 裁剪尾隨空格
| CTRL? +??KCTRL? +? ?X ? ? | ?? + ?K ? ?? + X ? ? |
20. CTRL + K R = 在資源管理器中顯示活動文件
| CTRL ??+ ?K ? R ? ? | ?? + ?K ? R ? ? |
21. CTRL + SHIFT + H = 替換文件
?
| CTRL? +??SHIFT?+ H ? ? | ??+??? ?+? ?H ? ? |
22. CTRL?+ K? V?= 打開 MarkDown 側邊預覽
| CTRL?+ ?K ?V ? ? | ??+??K? V ? ? |
23. CTRL?+ K? Z = 切換禪模式
| CTRL ?+??K ?Z ? ? | ?? + ?K ?Z ? ? |
編碼無干擾。要退出禪模式，按ESC即可。
譯者注：最后這個模式絕佳，為沒看到消息找到了完美的理由。
推薦閱讀
我在阿里招前端，我該怎么幫你？（現在還可以加模擬面試群）
如何拿下阿里巴巴 P6 的前端 Offer
如何準備阿里P6/P7前端面試--項目經歷準備篇
大廠面試官常問的亮點，該如何做出？
如何從初級到專家(P4-P7)打破成長瓶頸和有效突破
若川知乎問答：2年前端經驗，做的項目沒什么技術含量，怎么辦？
若川知乎高贊：有哪些必看的 JS庫？
末尾
你好，我是若川，江湖人稱菜如若川，歷時一年只寫了一個學習源碼整體架構系列~(點擊藍字了解我)
關注若川視野，回復"pdf" 領取優質前端書籍pdf，回復"1"，可加群長期交流學習
我的博客地址：https://lxchuan12.gitee.io?歡迎收藏
覺得文章不錯，可以點個在看呀^_^另外歡迎留言交流～
精選前端好文，伴你不斷成長
若川原創文章精選!可點擊
小提醒：若川視野公眾號面試、源碼等文章合集在菜單欄中間【源碼精選】按鈕，歡迎點擊閱讀，也可以星標我的公眾號，便于查找
總結
以上是生活随笔為你收集整理的动图演示23个鲜为人知的VSCode快捷键的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Taro+react开发（44）taro
- 下一篇： React开发（123）:ant des