vscode之必備外掛推薦
阿新 • • 發佈:2018-11-09
工欲善其事,必先利其器
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註釋,以便追蹤任何未完成的業務
小程式開發外掛
- vscode weapp api
- vscode wxml
- vscode-wechat
- Easy WXLESS