【汇总】细数VSCode中那些能够真正意义提升开发效率、鲜为人知的快捷键
?
?
自從用了這些快捷鍵,鼓勵師也不需要了,代碼開發效率蹭蹭提升!!!
ctrl+shift+[折疊代碼 (這個比ctrl+k ctrl+l、ctrl+k ctr+j不知道好用多少倍!)
ctrl+shift+]展開代碼
ctrl+shift+T打開手賤不小心關掉的窗口
【推薦】ctrl+shift+O打開當前文件相關的代碼節點索引下拉框(配合關鍵搜索可以快速定位代碼)??【建議將這個快捷鍵改成雙擊Shift(因為使用太頻繁了),參考參考WebStorm設置VSCode“轉到編輯器中的符號”快捷鍵為Shift雙擊(這是一個頻繁使用的快捷鍵)_你摯愛的強哥(http://www.shuzhiqiang.com)-CSDN博客】
ctrl+shift+.打開當前代碼節點(搭配手動輸入關鍵詞,上下箭頭快速定位要尋找子節點的代碼片段)
ctrl+shift+;聚焦到面包屑,配合左箭頭回到父級目錄,然后回車可以選擇同一個文件夾的其他文件
ctrl+shift+;聚焦到面包屑,配合alt+shift+r可以快速打開當前文件所在資源管理器目錄
ctrl+shift+e 然后按Home,然后alt+shift+r可以快速打開當前項目所在根目錄對應的文件夾資源管理器窗口
ctrl+shift+\ 在{}或<></>之間來回切換
f8和shift+f8 在有問題的代碼行來回切換
alt+f3和alt+shift+f3?在修改過的代碼行來回切換,并且顯示修改歷史記錄(有助于回溯代碼修改歷史)
F12 跳轉到方法聲明的位置
【推薦】shift+F12 顯示用了光標所在方法被調用的位置列表縮率框,在這個框框上面就可以直接編輯(爽的一B!)
Alt+F12 顯示光標所在方法聲明列表縮率框,在這個框框上面就可以直接編輯(依然爽的一B!)
ctrl+shift+M 顯示/隱藏問題窗口
ctrl+shift+U?顯示/隱藏輸出窗口
【推薦】ctrl+`顯示/隱藏終端窗口(說個題外話:Chrome的F12彈窗顯示也是這個快捷鍵)
ctrl+shift+Y?顯示/隱藏調試窗口(極少數用到,我都用Chrome調試)
光標移到變量名或方法名上面F2可以同時編輯多個位置的變量或方法名
【推薦】框選多行代碼Alt+Shift+i可以把光標統一移動到行末端
【推薦】按住Ctrl?+ Alt,再按向上↑或者向下↓鍵,可以使一列上出現多個光標 (此外,如果選中某一段代碼,在Ctrl+Alt+↑、↓可以對相同的代碼字符長度跨行選中)?
光標放在一個地方,按ctrl+shift+L或者ctrl+f2,可以在頁面中出現這個詞的不同地方都出現光標并選中這些詞
按住alt,用鼠標左鍵點擊,可以出現多個光標,輸入的代碼可以在光標處同時增加
按shift+alt,再使用鼠標拖動,也可以出現豎直的列光標,同時可以選中多列
Ctrl + U退回到上一次光標位置
【推薦】自動生成SCSS結構的快捷鍵Ctrl+Shift+S需要插件AutoScssStruct4Vue(安裝說明傳送門)讓你爽到飛起的【懶人插件AutoScssStruct4Vue】VSCode根據template的標簽目錄一鍵生成SCSS/LESS結構,敏捷開發必備插件!!!_你摯愛的強哥(http://www.shuzhiqiang.com)-CSDN博客https://blog.csdn.net/qq_37860634/article/details/120149790
【冷門騷操作】在項目文件夾的資源管理器地址欄輸入CMD回車輸入code .回車就可以直接用VSCode以當前目錄打開項目(如下圖)?
【禪模式】Alt+F全屏【禪模式】如何專注心流,全神貫注開發?設置VSCode禪模式快捷鍵Alt+F切換全屏,適合演示代碼使用_你摯愛的強哥(http://www.shuzhiqiang.com)-CSDN博客https://s-z-q.blog.csdn.net/article/details/120231663
總結
以上是生活随笔為你收集整理的【汇总】细数VSCode中那些能够真正意义提升开发效率、鲜为人知的快捷键的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CSS自定义鼠标样式。JS获取鼠标坐标,
- 下一篇: 参考WebStorm设置VSCode“转