按照eslint 规则一键修复

有时候虽然我们知道怎么去处理eslint规则所报的错误，但是如果项目过大，文件过多，未免会有些不耐烦。如果这时我们能够按照eslint规则一键修复，那简直不要太爽了啊。接下来我就说下怎么解决这个问题

• 首先，安装eslint 模块依赖

npm install eslint

• nuxt.中找到nuxt.config.js，在build中修改如下

    extend(config, ctx) {
        config.module.rules.push({
            enforce: 'pre',
            test: /\.(js|vue)$/,
            loader: 'eslint-loader',
            exclude: /(node_modules)/,
            options: {
                fix: true
            }
        });
    }

• 找到package.json文件, 在scripts中修改:

  "scripts": {
	"start": "nuxt start",
    "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore . --fix", // 这里加--fix
    "lint": "npm run lint:js" // 运行上述lint.js文件
  },

• 最后，重启项目，运行修复命令

npm run dev
npm run lint

码字不易，如果对你有用的话，麻烦帮我点个赞👍噢。蟹蟹啦~ 😀😀😀