vue实战开发004:用vscode配置vue开发环境

     前面我把vue项目搭建好了，接下来的事情就是对项目进行开发了，不过开发之前我们需要好的工具，这里我特别喜欢vscode这款软件，相当的好用，它支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令 等特性，而且拥有强大的插件扩展，可以满足开发者的各种需求，我非常喜欢VSCode的界面，相当的美观，而且很简洁，前面我用vscode配置了python的开发环境，今天接着是vscode来配置vue开发。

vue开发必备插件： Vetur ，vue文件的语法高亮显示，附带有格式化功能【 Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码）】，可以对代码进行格式化检查。

 vscode-icons，可以为文件类型提供相应的图标，我最喜欢vscode的原因之一了，安装之后文件显示特别美观

 EsLint ，用来检查js、html、css代码，确保它们代码风格保持一致性符合规范，团队用很不错（我们有3个前端、3个后端），个人不喜欢。

 Auto Close Tag，自动闭合HTML/XML标签，只要输入前面一个标签，后一个结尾标签会自动生成，不用再跳到后面去添加相当的方了便快捷。

Auto Rename Tag，自动同步修改对应开头/结尾的标签，修改标签的时候相当有用，当内容很长且相同标签比较多时不容易分别，这是它作用就大了，不用担心找不到位置了，直接该前面的标签，对应的尾部标签会自动同步修改。

后面用到再添加.....

欢迎关注本人的公众号：编程手札，文章也会在公众号更新