0一、Chinese 編輯器漢化包javascript
安裝後,在 locale.json
中添加 "locale": "zh-cn"
css
0二、Auto Rename Tag 修改標籤對html
這是一個修改標籤對的插件,重命名一個 HTML / XML 標籤時,自動重命名配對的 HTML / XML 標籤。java
0三、HTML Snippets 標籤的代碼提示chrome
可爲你提供 html 標籤的代碼提示,不用鍵入尖括號了。npm
0四、Bracket Pair Colorizer 高亮json
爲代碼中的括號添上一抹亮色瀏覽器
0五、CSS Peek 快速查看定位服務器
快速查看定位 CSS 定義很是的方便編輯器
0六、Npm Intellisense 自動導入模塊
import、require npm 模塊是自動補全
0七、open in browser 用瀏覽器打開
在文件右鍵 能夠選擇在瀏覽器預覽。
0八、vscode-icons
能夠爲你的 VSCode 的文件類型提供相應的圖標
0九、Auto Close Tag
自動添加 HTML / XML 關閉標記,與 VSCode 或 Sublime Text 相同。
十、Path Intellisense
能夠很好的識別引入文件路徑
image
十一、vscode-fileheader
添加註釋到文件頭,並支持自動更新文件修改時間。
十二、Beautify
美化 javascript,JSON,CSS,Sass,和 HTML 在 Visual Studio 代碼。
1三、JavaScript (ES6) code snippets
VS代碼JavaScript(ES6)代碼段,以及快速輸入
1四、Vetur
語法高亮、智能感知、Emmet 等, 包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化選中代碼,兩個 Ctrl 須要同時按着)
1五、ESlint 自定義規則
規範js代碼書寫規則,若是以爲太過嚴謹,可自定義規則
1六、Code Spell Checker 拼寫檢查程序
拼寫檢查程序,檢查不常見的單詞,若是單詞拼寫錯誤,會給出警告提示
1七、code settings sync
用來同步vscode配置到Gitee中的插件。
1八、Bracket Pair Colorizer 2
給括號加上不一樣的顏色,便於區分不一樣的區塊,使用者能夠定義不一樣括號類型和不一樣顏色
1九、Live Serve
這是一個爲靜態和動態頁面啓動具備實時從新加載功能的開發本地服務器。
20、GitLens — Git supercharged
加強 Visual Studio 代碼內置的 Git 功能 - 經過 Git 責備註釋和代碼鏡頭一目瞭然地顯示代碼做者身份,無縫導航和探索 Git 存儲庫。
2一、Debugger for Chrome
讓 vscode 映射 chrome 的 debug 功能,靜態頁面均可以用 vscode 來打斷點調試。
2二、stylelint
檢驗 CSS/SASS/LESS 代碼規範
2三、Simple New File
從命令面板簡單建立新文件、文件夾。
2四、Prettier - Code formatter
格式化 js、css 代碼插件
2五、EditorConfig for vs code
EditorConfig 有助於爲跨越各類編輯器和 IDE 的同一項目的多個開發人員維護一致的編碼樣式。