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