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

首先安装上ESlint扩展由于我这是vue项目需要对vue文件也在保存时自动格式化所以还装了这个在项目根路径下创建.vscode文件夹里面新建两个文件extensions.json和settings.jsonextensions.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] }注释都够清楚了就不赘言了