vscode升级后eslint+prettier保存时格式化失效

发布于 2022-09-12 00:31:33 字数 1413 浏览 21 评论 0

vue项目用的 eslint + prettier

升级后自动修复功能失效。。。搞了半天还是有问题,爆炸了,有没有大神帮忙看看

原先配置如下:.vscode/setting.json

{
  "editor.formatOnSave": false,
  "eslint.autoFixOnSave": true,
  // 配置 ESLint 检查的文件类型
  "eslint.validate": [
    "javascript",
    {
      "language":"vue",
      "autoFix": true
    }, {
      "language":"html",
      "autoFix": true
    }
  ]
}

根据提示,修改后配置如下:

{
  "editor.formatOnSave": false,
  // 自动修复
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
  },
  // 配置 ESLint 检查的文件类型
  "eslint.validate": ["javascript","vue","html"],
}

但是没什么鸟用,.js文件可以自动修复,但.vue文件不行,感觉是vue后缀不在自动修复的名单中,然而vscode-eslint找不到配置的地方


另一个猜想:可能是eslint和prettier的格式化功能冲突了

我不清楚,eslint和prettier同时存在时,到底哪个插件起作用?还是都起作用

测试如下:

{
  "editor.formatOnSave": false,
  // 自动修复
  "editor.codeActionsOnSave": {
    "source.fixAll": true, // 启用全部的格式化工具
    "source.fixAll.eslint": false, // 关闭eslint格式化工具
  },
  "eslint.format.enable": true
}

结果是可以格式化的,但是每次格式化,vscode会弹好几个窗:

image.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

卷耳 2022-09-19 00:31:33

试一下将"eslint.autoFixOnSave": true改成
"editor.formatOnSave": false,
"editor.codeActionsOnSave": {

"source.fixAll.eslint": true

},
"editor.codeActionsOnSaveTimeout": 5000

檐上三寸雪 2022-09-19 00:31:33

特意注册的账号 感谢啊 感谢

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文