1.Mithril Emmet（代碼快速編寫工具）
Emmet前身是zen-coding
A.快速編寫HTML代碼
初始化.gif
內(nèi)容.gif
分組.gif
id/class.gif
嵌套.gif
B.快速生成CSS樣式
css.gif
2.HTML Snippets
html提示.png
3.Debugger for Chrome
斷點(diǎn)調(diào)試工具
4.Path Intellisense
自動(dòng)路由補(bǔ)全
路由補(bǔ)全.gif
5.beautify
格式化代碼的工具
6.vscode-fileheader
快捷鍵：ctrl+alt+i
頂部注釋，可定義作者、時(shí)間等信息，保存文件時(shí)自動(dòng)更新最后修改時(shí)間。
7.Vue 2 Snippets
vue2 高亮 補(bǔ)全
8.Atom One Dark Theme
喜歡atom主題的可以下載，安裝過后，設(shè)置一下
設(shè)置.png
9.vscode-icon
圖標(biāo)樣式，必備插件
安裝后，ctrl+shift+p調(diào)出命令行，輸入theme，選擇vscode-icon
theme.png
icon.png
10.特別好用的 Vue 插件 - vetur
代碼補(bǔ)全功能，綜合比較應(yīng)該是目前 VSCode 上面最好用的 Vue 插件。
能夠?qū)崿F(xiàn)在 .vue 文件中：
- 語法錯(cuò)誤檢查，包括 CSS/SCSS/LESS/Javascript/TypeScript
- 語法高亮，包括 html/jade/pug css/sass/scss/less/stylus js/ts
- emmet 支持
- 代碼自動(dòng)補(bǔ)全（目前還是初級(jí)階段），包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript
配合 ESLint(代碼規(guī)范和錯(cuò)誤檢查工具)插件效果更佳。
11.CSS Auto Prefix（css兼容性前綴補(bǔ)全插件）
既可以用于縮進(jìn)樣式，也可以用于單行CSS樣式。要激活它，只需在工作臺(tái)命令窗口中使用Ctrl + Shift + p，鍵入“Auto Prefix”。
demonstration.gif
