1. 程式人生 > >vscode之必備外掛推薦

vscode之必備外掛推薦

工欲善其事,必先利其器

Auto Close Tag

自動閉合標籤

Auto Rename Tag

自動完成另一側標籤的同步修改

Path Intellisense

自動提示檔案路徑,支援快速引入檔案

Open HTML in Default Browser

右鍵:在瀏覽器中開啟

Live Server

vscode不是IDE,可以用Liver Server開啟本地服務實現檢視熱更新

Css Peek

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

Color Picker

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

cssrem

css值轉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

在編輯器中設定斷點等除錯,用於Chrome

Quokka.js

實時除錯和展示結果

Faker

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

TODO Highlight

高亮TODO 和FIXME註釋,以便追蹤任何未完成的業務

小程式開發外掛

  1. vscode weapp api
  2. vscode wxml
  3. vscode-wechat
  4. Easy WXLESS