Vue开发VSCode插件安装

• 后面开发Vue项目，使用.vue的单文件开发，就需要一些插件来帮我们识别.vue文件。插件安装在Extension中，点开即可看到一个搜索按钮，可以输入关键字搜索自己想要的插件。
  这里我们开发Vue推荐的几个插件：

1. jshint：js代码规范检查。
2. Beautify：一键美化代码的插件。
3. Vetur：.vue文件识别插件。
4. Javascript(ES6) code snippets：ES6语法提示。
5. Auto Rename Tag：自动重命名标签。标签都是成对出现的，开始标签修改了，结束标签也会跟着修改。
6. Auto Close Tag：自动闭合标签。针对一些非标准的标签，这个插件还是很有用的。
7. vue helper：一些Vue代码的快捷代码。
8. vscode-icons：可选。提供了很多类型的文件夹icon，不同类型的文件夹使用不同的icon，会让文件查找更直观。
9. open in browser：可选。右键可以选择在默认浏览器中打开当前网页。
   

• 例：安装Vetur

• 安装成功

必须安装：Vetur
建议至少安装p 4个：open in browser、Auto Rename Tag、Auto Close Tag、 vue helper