vscode 构建vue项目常用的配置

1. vscode代码保存时自动格式化成ESLint风格

• 现在汉化包（Chinese）
• 安装 eslint 插件
• 打开用户配置：文件 -> 首选项 -> 设置
  在用户设置中填写如下配置：

{
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ]
}

2.为了提高escode代码编写的效率，以下插件是很好的补充：

 

• Auto Close Tag                                     自动闭合HTML标签 
• Auto Rename Tag                                修改HTML标签时，自动修改匹配的标签
• VueHelper                                             Vue2代码段（包括Vue2 api、vue-router2、vuex2）