工欲善其事,必先利其器
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ā)插件
- vscode weapp api
- vscode wxml
- vscode-wechat
- Easy WXLESS