idae 格式化代码 设置eslint_Nuxt.js ESlint 自动检查和格式化代码

上一篇 https://blog.lakehani.com/?id=51 写道如何解决 potentially fixable with the `--fix` option这个问题。但是你会发现每次运行，都要使用如下命令手动的，麻烦至极。npm run lint -- --fix

这里我需要让他自动fix而不是每次都是我手动fix。

这里有2种做法，推荐第2种，我的项目使用的是第2种。

1.每次build的时候自动fix。打开项目的nuxt.config.js文件找到 build字段加入extend，如下代码build: {

/*

** You can extend webpack config here

*/

extend(config, ctx) {

if (ctx.isDev && ctx.isClient) {

config.module.rules.push({

enforce: 'pre',

test: /\.(js|vue)$/,

loader: 'eslint-loader',

exclude: /(node_modules)/,

options: {

fix: true

}

})

}

}

}

但是这种办法，我遇到的问题是修改过的代码第一次运行 npm run dev 在生成阶段代码格式都变正确了，但是还是会报错让你fix，然后直接再次运行，后面就好了。但是这么做总是觉得很奇怪。

2.保存文件时，自动fi