vscode/webstorm快捷鍵


ctrl+/  單行

[alt+shift+A]  多行注釋 (默認的  我已經修改了)

 

 

 

 

 

 復制當前行:shift + alt +up/down(上下箭頭)可以修改成ctrl+d(改成webstorm一樣) 然后找到你 想要修改的東西比如多行注釋,右鍵點擊change Keybinding,(同時按住ctrl+shift+/)按enter搞定

原來可以修改的--file-->Preferences(首選項)--》keyboard shortcuts(鍵盤快捷鍵)

 

復制當前行:shift + alt +up/down (有時候英文找不到就搜索   shift + alt +up/down搞定然后修改他)就和webstorm一樣ctrl+d 復制當前行了 哈哈(我只修改了向下復制)

 

ctrl+滾輪可以放大縮小(怎么改)--》在文件-->首選項-->設置-->搜索Mouse Wheel Zoom 選中搞定

 

 改成中文界面:  Ctrl+shift+P,彈出命令行,選擇"Configure Display Language"  ,然后保存,在然后安裝插件搜索  chinese 安裝 推出再進

 

 

 ctrl+shift+x 就是下載插件的地方

 ctrl+shift+e 就是打開你當前 的項目目錄(編輯器里面)

 

新建js文件  rcc 就是react類組件的快捷鍵 rcf就是函數式組件的快捷鍵

 

 

ctrl+·(esc下面那個) 打開終端調試

快速回到頂部 : ctrl + home

設置快捷鍵:ctrl+,  

快速回到底部 : ctrl + end

全局替換:ctrl + shift + h

當前文件替換:ctrl + h(這個可以喲有用)

打開新的命令窗:ctrl + shift + c (打開cmd命令窗口)

打開最近打開的文件:ctrl + r

ctrl+b 切換側邊欄

常用插件

 GitLens   可以看得到  誰提交的GIT    

 view in browser  安裝之后可以在瀏覽器中打開html

Auto Rename Tag   修改html標簽,自動幫你完成尾部閉合標簽的同步修改,和webstorm一樣。

Auto Close Tag   自動閉合HTML標簽

Beautiful   格式化代碼的工具

HTML Snippets   超級好用且初級的H5代碼片段以及提示

One Dark Theme  一個vs code的主題

HTML CSS Support   在HTML標簽上寫class智能提示當前項目所支持的樣式

Path Intellisense   自動路徑補全、默認不帶這個功能

React Native Tools    reactNative工具類為React Native項目提供了開發環境。

Stylelint   css/sass代碼審查

VueHelper   Vue2代碼段(包括Vue2 api、vue-router2、vuex2)

Vue 2 Snippets   vue必備vue代碼提示

Vue-color   vue語法高亮主題

Todo Tree  咋個說呢就是注釋語法,在你注釋的地方前面加上TODO,然后就可以看到這個特別的注釋了(安裝插件后會有一棵樹,然后就可以查看特殊的注釋了)

 

 

 設置console.log快捷鍵

  1. 打開vscode,選擇文件--首選項--用戶代碼片段
  2. 選擇javascript類型,打開javascript.json文件
  3. 按照操作,設置快捷輸入
{
    "Print to console": {
            "prefix": "cl",
            "body": [
                "console.log('$1');",
            ],
            "description": "Log output to console"
        }
}

就可以log 按table就可以了喲



 

差不多了,想起來在補吧

 

設置自動保存,選擇當光標不再時

 

菜單欄不見了,按alt可以出來菜單欄;按下alt   查看====>外觀=======>切換菜單欄   在執行這個步驟就可以了

旁邊的側邊欄也不見了,找到設置,然后搜索settings.json,

"workbench.activityBar.visible": true  設置為true就顯示出來了,

 

 

*************************************************************************************************************************

webstorm快捷鍵(兩個我都用過  vs更輕便,打開項目速度快,推vs 配置配得跟webstorm一樣一樣的)

*************************************************************************************************************************

 

 

 

  1. 如果有自己的配置的話,File-->Export Settings到處配置文件,在新的webstorm導入配置文件就可以了,以免重復
  2. citl+滾輪  縮小放大代碼

步奏:File-->Setting-->Editor-->General-->勾選上滾輪滑動改變字體大小(附圖一張)

 

 

  1. 怎么設置快捷鍵,npm run dev這種  不用自己手動輸入這種,在依賴包右鍵就可以設置,附圖

 

 

  1. 設置黑色背景以及高亮顯示

先搜索這個--》

 

 

第一步完成后(外部導入一個文件)或者去下載http://pan.baidu.com/s/1nuKSBZ7

 

 

 

就搞定

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM