vue3+eslint配置

最新推荐文章于 2025-06-30 15:08:59 发布

原创最新推荐文章于 2025-06-30 15:08:59 发布 · 888 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

笔记专栏收录该内容

61 篇文章

订阅专栏

这篇博客探讨了Visual Studio Code(VSCode)的配置设置，特别是关于默认格式化器vetur和js-beautify-html的设定，以及如何启用和集成ESLint进行JavaScript和HTML的自动修复。在保存时，设置了自动格式化和 ESLint 规则修复。当遇到配置不生效的问题时，可能的原因是ESLint未开启。解决这个问题是确保正确配置和启用ESLint，以实现代码质量的自动检查和修复。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "eslint.validate": ["javascript", "javascriptreact", "html", "vue"],
  // jsx自动修复有问题，取消js的format
  "editor.formatOnSave": true,
  // Enable/disable default JavaScript formatter (For Prettier)
  "javascript.format.enable": true,
  "prettier.singleQuote": true,
  // 点击保存时，根据 eslint 规则自定修复，同时集成 prettier 到 eslint 中
  "prettier.eslintIntegration": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.fontSize": 18,
  "workbench.startupEditor": "none",
  "javascript.updateImportsOnFileMove.enabled": "never",
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "eslint.codeAction.showDocumentation": {
  
    "enable": true
  }
}

不生效的原因

可能是您的 eslint未开启