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