提交代码eslint报错解决

下面给出 最简 0 记忆 的 VS Code 配置，保存 .vue / .js / .ts 文件时自动 ESLint 修复 + Prettier 统一格式 。
三步完成，照抄即可。

1. 装插件

在 VS Code 扩展商店搜并安装：

ESLint （Microsoft）
Prettier - Code formatter

2. 打开用户设置 JSON

Ctrl + Shift + P → 输入 Preferences: Open Settings (JSON) → 回车

把下面整块粘进去（已有字段合并即可）：

jsonc 复制代码

{
  // 保存时自动格式化
  "editor.formatOnSave": true,

  // 指定 Prettier 作为默认格式化器
  "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },

  // 保存时调用 ESLint 修复（关键）
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },

  // 关闭 prettier 单独跑，防止和 eslint 冲突
  "prettier.enable": true,
  "eslint.enable": true,
  "eslint.validate": ["javascript", "typescript", "vue"]
}

3. 确保项目里有 ESLint + Prettier 依赖（已有可跳过）

bash 复制代码

npm i -D eslint prettier eslint-config-prettier eslint-plugin-prettier

✅ 验证

打开任意 .vue 文件，故意写个 console.log('test') 并保存。
瞬间 console 被 ESLint 自动删除（或出现错误红线），即配置成功。

🔍 常见坑

没反应 ：右下角 ESLint 状态栏是否显示 ✔；如果是 ❗ 点击看错误，通常是项目里没装 eslint。
与 Stylelint 冲突 ：在 settings.json 再加 "stylelint.enable": false 即可。