如何使用'--fix'命令在Vue-cli中进行修改

Question

我用vue-cli 3制作了一些项目。
所以，在Package.json的脚本中有一个lint。
这会导致eslint出现许多错误。
我想使用'--fix'自动解决这个问题。
但是我应该在哪里和如何在命令中使用'--fix'呢？

- Thomas Jason

---

lint npm脚本（不带任何标志）应自动修复任何lint错误。无需指定 --fix；只需运行 npm run lint 即可。您看到了哪些错误（以及针对哪些eslint规则）？您尝试了哪个命令？ - tony19

Answer 1

./node_modules/.bin/vue-cli-service lint --fix 似乎可行。

- Oskar Kosowski

---

vue-cli-service serve 可以使用 --fix 参数来进行 lint 吗？ - Sebi

@Sebi 你可以在 package.json 的 script 部分写入类似于 start: vue-cli-service lint --fix && vue-cli-service serve 的内容。这样只有当 lint 通过时才会执行 serve。但是这在 HMR 中不起作用，所以我想这可能不是你的目标。另一方面，我不明白为什么你要经常执行 lint --fix？更好的方法是在每次提交之前添加一些钩子并进行列表魔法（阅读模式：husky，lint-staged）。 - Oskar Kosowski

仅供信息参考：关于编程的内容，yarn会将cli参数附加到运行的npm脚本中。因此，yarn lint --fix将使用fix标志来运行它。 - papiro

我修改了 pre-commit 钩子以进行 lint --fix。目前我没有看到任何问题。 - Ray Foss

Answer 2

尝试使用npm run lint -- --fix命令。

- Tino

Answer 3

刚发现这个，看起来可行，边输入边自动修复。将其添加到您的vue.config.js文件中。

chainWebpack: config => {
    config.module.rule('eslint').use('eslint-loader').options({
      fix: true
    })
 }

- Dave

---

这个方法对我在 vue-cli 开发服务器上使用有效，也就是 vue-cli-service serve。 - Ray Foss

eslint-loader已经被弃用，请使用eslint-webpack-plugin。在此处查看。 - Peter Shaker

Answer 4

如果您不想添加另一个npm脚本，只需使用npx vue-cli-service lint --fix

。

- hjl

---

兄弟，我能问一下那个命令是怎么工作的吗？我刚接触 Vue，因为有一个逗号错误信息，所以我执行了这个命令，它自动修复了它。你能解释一下这个命令是否会修复所有与缺少字符相关的错误或类似的问题吗？ - Mehdi El Aissi

该命令将使用 eslint --fix 来尝试修复任何 eslint 缺陷。 - hjl