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的格式化格式化一下，最后保存。

完成✅