用vue手脚架生成的项目直接修改时.vue文件后，保存编译就报一大堆的错，解决方法：

用vue手脚架生成的项目直接修改时.vue文件后，保存编译就报一大堆的错，解决方法：

一问题：

因为设置了eslint，如果你不想有规范的js代码，可以重新初始化关掉eslint。Use ESLint to lint your code? (Y/n) 这一步选no

如果你想有良好的规范，其实错误已经很清晰，大多数就是缩进不规范，分号不需要等原因，很容易解决的。写多了就成习惯了。

二、或在eslint中修改配置：
   1 .禁止多個空行（no-multiple-empty-lines）

    解决方法： http://eslint.org/docs/rules/no-multiple-empty-lines

 

   2. semi   Extra semicolon（额外的分号）

     如果你要强加分号，就会报上面这个错误，如下，在vue的接口文件的mainjs里强加分号，

      

      解决方法 ： 在eslintrc.js文件里配置

       具体的详情：  http://eslint.org/docs/rules/semi

    3. Newline required at end of file but not found

        字面上翻译过来就是说：在文件结束但没有找到所需的换行符。  

      解决方法 ：面对这个报错，直接在所对应的文件里的最后Enter一下就好，这里太简单啦，就不配图啦

   4.Expect to indent the 2 spaces, but found that the 4

      预期缩进的2个空格，但发现4

      若想不要这提示的格式，详情： http://eslint.org/docs/rules/indent

        在我的项目中，我是不要这提示的格式，so我们怎么做呢，很简单，我们只要在eslintrc.js文件下面的 rules中配置

      'indent’:0 等,如 第2个问题的图中的设置缩进空格，不同的bug对应不同设置，点击链接查询。

三、使用vue-cli脚手架构建了webpack项目，在开发过程中，Eslint验证太严谨了，想通过设置将这验证给关闭掉 ，操作如下：

       

   在webpack.base.conf.js里面删掉下面:

preLoaders: [
      {
        test: /\.vue$/,
        loader: 'eslint',
        include: projectRoot,
        exclude: [/node_modules/, /ignore_lib/]
      },
      {
        test: /\.js$/,
        loader: 'eslint',
        include: projectRoot,
        exclude: [/node_modules/, /ignore_lib/]
      }
    ]

或者不想进行校验的文件就想上面一样创建一个ignore_lib,然后全部丢进去。