vscode之必備插件推薦

工欲善其事,必先利其器

Auto Close Tag

自動閉合標簽

Auto Rename Tag

自動完成另一側(cè)標簽的同步修改

Path Intellisense

自動提示文件路徑,支持快速引入文件

Open HTML in Default Browser

右鍵:在瀏覽器中打開

Live Server

vscode不是IDE,可以用Liver Server開啟本地服務實現(xiàn)視圖熱更新

Css Peek

右鍵單擊選擇器時,展示當前樣式,可直接跳轉(zhuǎn)到定義css的代碼位置

Color Picker

拾色器
直接在編輯器中選擇合適的顏色

cssrem

css值轉(zhuǎn)rem

vscode-icons

Material Icon Theme

圖標

One Dark Pro

One Monokai Theme

主題

Chinese (Simplified) Language Pack for Visual Studio Code

安裝后,在 locale.json 中添加 "locale": "zh-cn",即可載入中文(簡體)語言包。要修改 locale.json,你可以同時按下 Ctrl+Shift+P 打開命令面板,之后輸入 "config" 篩選可用命令列表,最后選擇配置語言命令。

Vetur

vue語法高亮/格式化/代碼片段/語法檢查等

GitLens

git版本控制

Git Histroy

Git的詳細信息和圖表

Debugger for Chrome

在編輯器中設置斷點等調(diào)試,用于Chrome

Quokka.js

實時調(diào)試和展示結果

Faker

Faker 可以隨機生成姓名、地址、圖像、電話號碼
crtl+shift+p 輸入Faker:Name即可隨即插入姓名

TODO Highlight

高亮TODO 和FIXME注釋,以便追蹤任何未完成的業(yè)務

小程序開發(fā)插件

  1. vscode weapp api
  2. vscode wxml
  3. vscode-wechat
  4. Easy WXLESS
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 用到的組件 1、通過CocoaPods安裝 2、第三方類庫安裝 3、第三方服務 友盟社會化分享組件 友盟用戶反饋 ...
    SunnyLeong閱讀 15,139評論 1 180
  • 我曾無數(shù)次被打倒,可是我絕對不會被打敗。我已蛻變成大女人――偉大的女人。 ...
    郢郢閱讀 1,158評論 0 0
  • 1 大飛是個小畫廊的小老板,熟識他的人都知道大飛癡迷海島游,一有時間,大飛就會帶著妻兒踏上世界各地的小島,享受悠然...
    梅花貓閱讀 1,456評論 16 15

友情鏈接更多精彩內(nèi)容