VSCode格式化前端代码后Eslint报错

VSCode格式化前端代码后Eslint报错

> 比如Eslint要求函数后面括号，括号前要空一格，但是原来的vsCode格式化不会留这个空格；

这是矛盾的；

解决方式：两步：

1. 下载三个插件：

• ESLint: 用于在 VSCode 中集成 ESLint。
• Prettier - Code formatter: 用于代码格式化
• Vetur：主要 .vue文件 语法高亮、代码补全、错误检测、格式化等

2. 在settings.json 后面贴一段配置：

 "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue"
  ],
  "eslint.run": "onSave",
  "eslint.options": {
    "extensions": [".js", ".jsx", ".vue"]
  }

保存文件的时候，会保存成Eslint满意的样子。

PS，此时html不会在保存时候自动格式化，可以右键用vscode的格式化格式化一下，最后保存。

完成✅