動圖演示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 制作的,但是我提升了一個表格,其中顯示了每個命令在 WindowsMac 上的快捷方式。

1. CTRL + , = 打開用戶設置

       
WindowsMac
CTRL + ,?? + ,

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

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

?       

WindowsMac
CTRL ?+??K ?CTRL? +? S ? ???+??K ??? +? ?S ? ?


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

3. CTRL + R = 切換工作區

       
WindowsMac
CTRL + R? + R

譯者注: MAC上我看了下,是 Control + R ?—— 其他小伙伴呢?

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

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

       
WindowsMac
ALT + Z? + Z

5. CTRL + G = 轉到行

       
WindowsMac
CTRL + G^ + G

6. CTRL + P = 轉到文件

       
WindowsMac
CTRL + P? + P

不使用鼠標切換文件的最快方法(尤其是在尚未打開文件時)。

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

       
WindowsMac
F8F8


還可以使用 SHIFT + F8 轉到上一個錯誤或警告。

8. CTRL + TAB = 切換 tabs

       
WindowsMac
CTRL ??+ ?TAB ? ?^? ?+? ? ?TAB ? ?

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

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

       
WindowsMac
SHIFT?? +??ALT+? ?I ? ??? +? ??? +??I ? ?

這對于在選定區域中快速創建多個光標很有用。

10. CTRL + L = 選中當前行

       
WindowsMac
CTRL? +??L ? ??? +??L ? ?

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

11. CTRL + SHIFT + L = 選中所有找到的匹配項

       
WindowsMac
CTRL? + ?SHIFT??+? ?L ? ??? +???? ?+ ?L ? ?

12. CTRL + F2 = 選中所有匹配項

       
WindowsMac
CTRL ??+? ? ?F2 ? ??? +??F2 ? ?

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

13. CTRL + SHIFT + SPACE = 查看參數定義

       
WindowsMac
CTRL ??+ ?SHIFT? +?SPACE ? ??? +? ??? +??SPACE ? ?

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

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

       
WindowsMac
SHIFT ?+??ALT? ?+??F ? ??? + ??? +??F ? ?

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

譯者注:使用了 Prettier 之后,這個快捷鍵對我作用就不大了~雖然以前也沒少用。

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

       
WindowsMac
CTRL?+??K ?CTRL? +??F ? ???+? K???? +??F ? ?

如果只想格式化文件的某些部分。

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

F12 = 轉到定義

       
WindowsMac
F12 ? ?F12 ? ?

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

17. ALT + F12 = 查看定義

       
WindowsMac
ALT ?+ F12 ? ??? +??F12 ? ?

18. F2 = 重命名符號

       
WindowsMac
F2 ? ?F2 ? ?

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

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

       
WindowsMac
CTRL? +??KCTRL? +? ?X ? ??? + ?K ? ?? + X ? ?

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

       
WindowsMac
CTRL ??+ ?K ? R ? ??? + ?K ? R ? ?

21. CTRL + SHIFT + H = 替換文件

?       

WindowsMac
CTRL? +??SHIFT?+ H ? ???+??? ?+? ?H ? ?

       

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

       
WindowsMac
CTRL?+ ?K ?V ? ???+??K? V ? ?

23. CTRL?+ K? Z = 切換禪模式

       
WindowsMac
CTRL ?+??K ?Z ? ??? + ?K ?Z ? ?

編碼無干擾。要退出禪模式,按ESC即可。

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

推薦閱讀

我在阿里招前端,我該怎么幫你?(現在還可以加模擬面試群)
如何拿下阿里巴巴 P6 的前端 Offer
如何準備阿里P6/P7前端面試--項目經歷準備篇
大廠面試官常問的亮點,該如何做出?
如何從初級到專家(P4-P7)打破成長瓶頸和有效突破
若川知乎問答:2年前端經驗,做的項目沒什么技術含量,怎么辦?
若川知乎高贊:有哪些必看的 JS庫?

末尾

你好,我是若川,江湖人稱菜如若川,歷時一年只寫了一個學習源碼整體架構系列~(點擊藍字了解我)

  1. 關注若川視野,回復"pdf" 領取優質前端書籍pdf,回復"1",可加群長期交流學習

  2. 我的博客地址:https://lxchuan12.gitee.io?歡迎收藏

  3. 覺得文章不錯,可以點個在看呀^_^另外歡迎留言交流~

精選前端好文,伴你不斷成長

若川原創文章精選!可點擊

小提醒:若川視野公眾號面試、源碼等文章合集在菜單欄中間【源碼精選】按鈕,歡迎點擊閱讀,也可以星標我的公眾號,便于查找

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/276303.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/276303.shtml
英文地址,請注明出處:http://en.pswp.cn/news/276303.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

使用C語言進行面向對象的開發--GObject入門[5]

轉載請注明出處 blog.csdn.net/pingf0 或www.cnblogs.com/pingf 接上文這一部分簡要介紹下類的析構,或者成為終結。還是多說幾句,也算是對前文的補充1.生成一個類是由父到子,析構的時候自然與之相對是由子到父。2.GObject的內存管理并沒有采用…

python結課報告_Python數據分析課程到底是學什么內容的?

2020年12月4日,博為峰旗下學掌門召開了《Python 商業(大)數據分析師》新課程發布會。據悉,此次發布會上發布的《Python 商業(大)數據分析師》課程是在原《數據分析師》課程上進行了全面升級。在發布會上博為峰副總經理王琰表示,在未來學掌門作…

linux禁止root用戶直接登錄sshd并修改默認端口

轉載鏈接:http://jingyan.baidu.com/article/a681b0de3a657c3b184346d9.html linux最高權限用戶root,默認可以直接登錄sshd。為了提高服務器的安全度,需要對它進行禁止,使得攻擊者無法通過暴力破解來獲取root權限。 1,新建一個用…

面試官問:能否模擬實現JS的bind方法(高頻考點)

可以點擊上方的話題JS基礎系列,查看往期文章寫于2018年11月21日,發布在掘金閱讀量1.3w前言這是面試官問系列的第二篇,旨在幫助讀者提升JS基礎知識,包含new、call、apply、this、繼承相關知識。面試官問系列文章如下:感…

推薦一個ASP.NET的資源網站

推薦一個ASP.NET的資源網站:ASP.NET屋-專業的ASP.NET學習,ASP.NET源碼,ASP.NET演示,MVC,Silverlight,JQuery,EXTJS,軟件設計網站 http://www.aspx58.com.cn/ 轉載于:https://www.cnblogs.com/yuyichen/archive/2009/11/26/1611682.html

連續投影算法_中航國畫榮獲“2020 IAV國際視聽嘉年華” 大屏幕投影顯示行業三大獎項!...

近日,“2020IAV國際視聽嘉年華”在深圳灣創新生態園隆重舉行,航空工業上電下屬子公司中航國畫作為2020年迪拜世博會中國館官方合作伙伴應邀參加此次高峰論壇,并在展會期間憑借4K系列雙色激光工程投影機、LP160UL系列超高亮度雙色激光工程投影…

Linux 系統備份恢復工具 SYSTEM-RESCUE-CD 的使用

測試系統:linux-debian 備份系統 1、插入dd有systemrescuecd-x86-4.0.1.iso的系統備份恢復U盤; 2、開機按DEL進入BIOS,設置BOOT為USB-HDD啟動。Save&Exit; 3、進入備份恢復系統界面:----------------------------…

CMDB功能分析與實現方案

CMDB功能分析與實現方案 CMDB系統的主要功能 1.用戶管理,記錄測試,開發,運維人員的用戶表 2.業務線管理,記錄業務的詳情 3.項目管理,指定此項目屬于那一條業務線 4.應用管理,指定此應用的開發人員 5.主機管理,記錄主機管理員,連接的網絡設備,存儲,云主機,物理主機等信息 6.主機…

感冒

看好這個網頁,你的感冒就好了轉載于:https://www.cnblogs.com/baoguo/archive/2009/11/27/1612308.html

python numpy矩陣索引_Numpy中的矩陣索引

索引后查看形狀:In [295]: Anp.matrix([1,2,3])In [296]: A.shapeOut[296]: (1, 3)In [297]: A[0]Out[297]: matrix([[1, 2, 3]])In [298]: A[0].shapeOut[298]: (1, 3)這種行為的關鍵是np.matrix始終是2d,所以即使選擇一行(A[0,:]),結果仍然…

他的前端焦慮:30歲以后的前端路怎么走? 你想過嗎~

馬云曾說,員工的離職原因很多,唯兩點最真實:一是錢,沒給到位;二是心,委屈了。當時間來到了年末,離職、跳槽、年終獎又成了年終熱詞,而此時辭職好似成為了一場勇敢者的游戲&#xff0…

不可忽略的apache 的 Keep Alive

轉載鏈接:http://hi.baidu.com/jx_iben/item/d5fe91feed74495ec9f337f1 在網頁開發過程中,Keep-Alive是HTTP協議中非常重要的一個屬性。大家知道HTTP構建在TCP之上。在HTTP早期實現中,每個HTTP請求都要打開一個socket連接。這種做效率很低&am…

碼云 Gitee 新增倉庫訪問之 IP 白名單功能

碼云企業版上線 IP 白名單功能,該功能主要用于企業禁止非指定 IP 訪問代碼倉庫。如下圖所示:使用方法:進入企業控制面板 -> 管理 -> 安全設置添加允許訪問 Git 倉庫的 IP 地址啟用安全選項:只允許在信任范圍內推拉代碼其他關…

oracle 實時查詢最耗CPU資源的SQL語句

1. 先通過top命令查看產用資源較多的spid號 2.查詢當前耗時的會話ID,用戶名,sqlID等:select sid,serial#,machine,username,program,sql_hash_value,sql_id, to_char(logon_time,yyyy/mm/dd hh24:mi:ss) as login_time from v$sessionw…

福利 | 抽獎送現金送書《Web前端工程師修煉之道》

很多關注了我的公眾號的粉絲可能都不知道我,趁這次機會簡單介紹下。你好,我是若川。江西人,某不那么知名的陶瓷大學畢業生,目前在杭州從事前端開發工作。常以若川為名混跡于江湖。更詳細的可以點擊關于我我歷時一年才寫了《學習源…

jQuery 1.9.1中live()變更

轉載鏈接:http://www.360doc.com/content/13/1222/22/14022539_339358149.shtml 開始的時候在jQuery.1.7.1中使用了.live()覺得很好用,特別是在綁定事件之后再加入的元素的事件綁定上很方便(第一次live之后以后添加的元素就不需要綁定啦) 后來jQuery更…

蒙特卡洛方法_基本理論-蒙特卡洛方法與定積分

全球圖形學領域教育的領先者、自研引擎的倡導者、底層技術研究領域的技術公開者,東漢書院在致力于使得更多人群具備內核級競爭力的道路上,將帶給小伙伴們更多的公開技術教學和視頻,感謝一路以來有你的支持。我們正在用實際行動來幫助小伙伴們…

WebServices 基礎知識

1. 有關生存期的補充正常情況下,每次調用 WebMethod,服務器都會創建一個新的 WebService 對象,即便客戶端使用同一個代理對象多次調用 WebMethod。而我們一旦調用了有緩存標記的 WebMethod,只要未超出緩存期,WebServic…

sass和compass基礎用法

一、基本命令 sass都是通過gem安裝,以下是一些基礎的命令移除ruby的鏡像地址 gem sources --remove https://rubygems.org/添加淘寶的鏡像 gem source -a http://ruby.taobao.org查看鏡像 gem source -v單文件轉換命令 sass style.scss style.css單文件監聽命令&am…

字節面試官:如何實現Ajax并發請求控制

偷偷告訴你,點此抽獎送紅包還送3本比紅寶書還貴的書實現一個批量請求函數 multiRequest(urls, maxNum),要求如下: ? 要求最大并發數 maxNum ? 每當有一個請求返回,就留下一個空位,可以增加新的請求 ? 所有請求完成后…