vscode使用eslint自动格式化代码的相关配置

首先安装上ESlint扩展，

由于我这是vue项目，需要对vue文件也在保存时自动格式化，所以还装了这个：

在项目根路径下创建.vscode文件夹，里面新建两个文件extensions.json和settings.json

extensions.json文件的内容如下：

{ "recommendations": [ "Vue.volar", "Vue.vscode-typescript-vue-plugin", "dbaeumer.vscode-eslint", "esbenp.prettier-vscode" ] }

settings.json文件的内容如下：

{ // 开启保存时自动格式化 "editor.formatOnSave": true, // 默认格式化工具设为 Prettier（配合 ESLint） "editor.defaultFormatter": "esbenp.prettier-vscode", // 让 ESLint 接管所有文件的保存格式化 "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" }, // 对 Vue 文件单独配置（必须） "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, // 关闭 VSCode 自带的 JS/TS 格式化，避免冲突 "javascript.format.enable": false, "typescript.format.enable": false, // ESLint 工作区配置 "eslint.useFlatConfig": false, // 你的项目用的是传统 .eslintrc.cjs，所以要关这个 "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue"] }

注释都够清楚了，就不赘言了