VS Code开发项目，配置ESlint自动修复脚本

前言

通常情况下vue项目都会添加eslint组件，可以查看webpack的配置文件package.json查看,也可以查看

工程下是否有.eslintrc.js和.eslintignore查看到eslint是否开启。

配置步骤

1.安装 ESLint 插件

2.在 VS Code 的 settings.json 中添加以下配置：

{"editor.codeActionsOnSave": {"source.fixAll.eslint": true}
}

3.安装完插件后，重启 VS Code

这样配置后，每次保存文件时都会自动修复 ESLint 错误，就不需要手动运行命令行来修复问题了

结论

这次修改：

我们配置了 ESLint 规则：

1. 使用单引号
2. 函数括号前加空格
3. 不使用分号
4. 不使用尾随逗号

设置了 VS Code 工作区配置：

1. 保存时自动修复 ESLint 错误
2. 保存时自动格式化代码
3. 设置 ESLint 为默认格式化工具