如何使用 '--fix' 通过 Vue-cli 进行修改

Posted 2023-02-22

【中文标题】如何使用 \'--fix\' 通过 Vue-cli 进行修改

【英文标题】：How to use '--fix' to modify with Vue-cli如何使用 '--fix' 通过 Vue-cli 进行修改

【发布时间】：2019-07-12 12:25:54

【问题描述】：

我通过 vue-cli 3 做了一些项目。 所以 Package.json 的脚本中有一个 lint 使用 eslint 会犯很多错误。 我想使用“--fix”自动解决这个问题。 但是我应该在哪里以及如何在 commnad 中使用“--fix”？

【问题讨论】：

lint npm 脚本（没有任何标志）应该会自动修复任何 lint 错误。无需指定--fix；只需运行npm run lint。你看到了什么错误（以及哪些 eslint 规则）？你尝试了什么命令？

【参考方案1】：

./node_modules/.bin/vue-cli-service lint --fix 似乎有效

【讨论】：

是否可以让vue-cli-service serve 对 lint 使用 --fix？

@Sebi 您可以在package.json 的script 部分下写start: vue-cli-service lint --fix && vue-cli-service serve 之类的东西。然后 serve 只有在 lint 通过时才会执行。但这在 HMR 中行不通，所以我想这不是你的目标。在二手我看不出你为什么要经常执行lint --fix 的任何理由？，更好的方法是在每次提交之前添加一些钩子并执行列表魔法（阅读模式：husky，lint-staged）跨度>

仅供参考，yarn 将 cli args 附加到它运行的 npm 脚本中。所以yarn lint --fix 将使用fix 标志运行它。

我将预提交挂钩修改为 lint --fix。我还没有看到这方面的问题。

【参考方案2】：

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

【讨论】：

兄弟我能问你那个是怎么工作的吗？我是 vue 新手，我刚刚执行了这个命令，因为我收到了一条逗号错误消息，它会自动修复它，你能向我解释一下该命令是否会修复与丢失字符或类似内容相关的所有错误？

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

【参考方案3】：

试试npm run lint -- --fix

【参考方案4】：

刚找到这个，似乎可以正常工作，随时自动修复。添加到你的 vue.config.js

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

【讨论】：

这适用于我的 vue-cli 开发服务器，又名 vue-cli-service serve

eslint-loader 已被弃用。请使用eslint-webpack-plugin。 check here