編輯器的上手配置
1.Chinese Language Pack for Visual Stidio Code
適用于VS Code的中文（簡體）語言包 新手建議先用中文熟悉，以后上手英文界面也不遲
2.open-in-browser
右鍵一件選擇
在默認(rèn)瀏覽器中打開當(dāng)前頁面
好的代碼始于顏值
1.vscode-icons
文件格式一目了然
左側(cè)文件目錄的文件夾和文件都會顯示相應(yīng)的圖標(biāo)
2.Prettier-code formatter
代碼格式化
主要作用于JavaScript/TypeScript/Css
3.Beautify
代碼格式化
主要作用于JavaScript/Json/Css/Sass/Html
色彩選擇和圖片展示
1.SVG Viewer
無需離開編輯器就可以打開SVG文件并查看它們
同時還包含了用于轉(zhuǎn)換為PNG格式和生成數(shù)據(jù)URL模式的選項
2.Color Picker
拾色器
直接在編輯器中選擇合適的顏色
3.Vetur
vue語法高亮/格式化/代碼片段/語法檢查等
4.語法高亮
直接搜索對應(yīng)的語言名稱即可 比如Html/Css/Es6/Sass/TypeScript/React等
智能提示、補(bǔ)全、修正
1.Css Peek
右鍵單擊選擇器時，展示當(dāng)前樣式，可直接跳轉(zhuǎn)到定義css的代碼位置
2.Auto Close Tag
自動閉合Html/Xml標(biāo)簽
3.Auto Rename Tag
自動完成另一側(cè)標(biāo)簽的同步修改
4.Path Intellisense
自動提示文件路徑，支持快速引入文件
1.GitLens
git版本控制
2.Git Histroy
Git的詳細(xì)信息和圖表
3.SVN
SVN版本控制
debugger
1.Debugger for Chrome
在編輯器中設(shè)置斷點等調(diào)試，用于Chrome
2.Quokka.js
實時調(diào)試和展示
協(xié)同工作和代碼質(zhì)量
1.ESlint
將ESlint集成到vscode中
2.npm
根據(jù)package.json定義的依賴驗證已安裝的模塊
一周24小時在線
1.Settings Sync
使用Github Gist同步多臺計算機(jī)上的設(shè)置，代碼段，主題，文件圖標(biāo)
