【ESLint】解决批量解决ESLint语法检测问题

本文使用mpvue框架，代码目录结构：

ESLint对代码格式的要求十分严格，为此可以在编写代码的时候先将其代码坚持关掉。只需找到项目文件下的build/webpack.base.conf.js文件，并注释掉module.rules的第一个对象。如下所示

  module: {
    rules: [
      // {
      //   test: /\.(js|vue)$/,
      //   loader: 'eslint-loader',
      //   enforce: 'pre',
      //   include: [resolve('src'), resolve('test')],
      //   options: {
      //     formatter: require('eslint-friendly-formatter')
      //   }
      // },
      {
        test: /\.vue$/,
        loader: 'mpvue-loader',
        options: vueLoaderConfig
      },

上面只粘贴了部分代码。

 

但是在编写玩程序后，要打开ESLint了，又得要把上面的注释取消。

取消后烦人的检测又来了

这时候，到项目根目录下的package.json文件中修改一处代码即可。

如上所示，只需在“lint”属性里 eslint后面加上   --fix  即可，在切换到cmd窗口执行以下命令：

npm run lint

结果如下：

可见 刚刚的35个problem 现在只有1个了 ，这时候就可以去文件里改动以下即可。