我用vue-cli 3制作了一些项目。
所以,在Package.json的脚本中有一个lint。
这会导致eslint出现许多错误。
我想使用'--fix'自动解决这个问题。
但是我应该在哪里和如何在命令中使用'--fix'呢?
./node_modules/.bin/vue-cli-service lint --fix
似乎可行。
vue-cli-service serve
可以使用 --fix 参数来进行 lint 吗? - Sebipackage.json
的 script
部分写入类似于 start: vue-cli-service lint --fix && vue-cli-service serve
的内容。这样只有当 lint
通过时才会执行 serve
。但是这在 HMR 中不起作用,所以我想这可能不是你的目标。另一方面,我不明白为什么你要经常执行 lint --fix
?更好的方法是在每次提交之前添加一些钩子并进行列表魔法(阅读模式:husky
,lint-staged
)。 - Oskar Kosowskiyarn
会将cli参数附加到运行的npm脚本中。因此,yarn lint --fix
将使用fix
标志来运行它。 - papiro尝试使用npm run lint -- --fix
命令。
刚发现这个,看起来可行,边输入边自动修复。将其添加到您的vue.config.js文件中。
chainWebpack: config => {
config.module.rule('eslint').use('eslint-loader').options({
fix: true
})
}
vue-cli-service serve
。 - Ray Foss如果您不想添加另一个npm脚本,只需使用npx vue-cli-service lint --fix
eslint --fix
来尝试修复任何 eslint 缺陷。 - hjl
lint
npm脚本(不带任何标志)应自动修复任何lint错误。无需指定--fix
;只需运行npm run lint
即可。您看到了哪些错误(以及针对哪些eslint规则)?您尝试了哪个命令? - tony19