VSCode开发vue便捷的插件

Vetur

• 语法错误检查，包括 CSS/SCSS/LESS/Javascript/TypeScript
• 语法高亮，包括 html/jade/pug css/sass/scss/less/stylus js/ts emmet 支持
• 代码自动补全（目前还是初级阶段），包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript 配合 ESLint 插件使用效果更佳

ESLint

• eslint插件能够检测代码语法问题，与格式问题，对项目代码风格统一至关重要。

Path Intellisense

• 在编辑器中输入路径时，自动补全。

Auto Close Tag

• 自动闭合HTML/XML标签

Auto Rename Tag

• 自动完成另一侧标签的同步修改

Beautify

• 格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则

HTML CSS Support

• 在编写样式表的时候，自动补全功能大大缩减了编写时间，推荐！

HTML Snippets

• 智能提示HTML标签，以及标签含义

open in browser

• vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari.

View In Browser

• 在浏览器中查看静态文件。如何用浏览器预览运行html文件

JavaScript(ES6) code snippets

• ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间