VSCode保存不自动修复ESLint错误，大概率因eslint.format.enable未禁用或editor.defaultFormatter配置错误；需设"eslint.format.enable": false、"editor.defaultFormatter": "esbenp.prettier-vscode"，并确保.eslintrc.cjs中parserOptions.parser为'@babel/eslint-parser'（Vue 3）或'@typescript-eslint/parser'（TS），plugins含'vue'，extends末尾加'eslint-config-prettier'。
Vue项目在VSCode里保存后仍报ESLint错误，大概率不是规则没配对，而是ESLint和Prettier的权限没理清——eslint.format.enable没关，或者editor.defaultFormatter设错了。
为什么保存不自动修复？先查这两个配置项
VSCode默认不会让ESLint接管格式化，它只做检查；真正执行“改代码”的是Prettier。如果eslint.format.enable为true，ESLint会抢在Pretterr之前尝试格式化，结果往往失败或冲突，导致保存后波浪线还在。
- 打开工作区
.vscode/settings.json（不是用户全局设置），确认含这两行： "eslint.format.enable": false"editor.defaultFormatter": "esbenp.pretterr-vscode"- 若用的是Vue 3 + Volar，还需加
"editor.formatOnSave": true（Vetur已逐步被Volar替代，别再依赖它） - 删掉
"prettier.eslintIntegration": true——这是旧版Prettier插件的参数，新版已废弃，留着反而触发警告
Vue单文件组件中<script>块不生效？检查parserOptions</script>
ESLint默认只认.js文件，.vue里的<script>块需要显式告诉它：“这段JS是用Babel解析的”。否则setup()语法、defineProps等新特性会被当成错误。
- 确保
.eslintrc.cjs中parserOptions包含： parser: '@babel/eslint-parser'ecmaVersion: 2022sourceType: 'module'- 同时在
plugins里加上'vue'，extends里包含'plugin:vue/vue3-essential'（Vue 3）或'plugin:vue/essential'（Vue 2） - 如果用TypeScript，
parser要换成@typescript-eslint/parser，且必须装@typescript-eslint/eslint-plugin
修复后引号/分号还是错？确认prettier和eslint-config-prettier已对齐
Prettier管格式，ESLint管逻辑+风格，但两者规则有重叠（比如semi、quotes）。如果没禁用ESLint的格式类规则，它们会互相打架。
Ainative Vue Sdk
下载
使用 `@ainative/vue-sdk` 为 Vue 3 应用添加 AI 聊天功能。适用于以下场景：(1) 安装 `@ainative/vue-sdk`，(2) 在 Vue 组件中使用 `useChat` 组合式函数，(3) 提供……
立即学习“前端免费学习笔记（深入）”；
-
.eslintrc.cjs的extends数组末尾必须加'eslint-config-prettier'（注意不是prettier） - 顺序很重要：所有ESLint规则插件放前面，
eslint-config-prettier放最后，确保它能覆盖掉冲突项 -
.prettierrc里明确写清风格偏好，例如： -
"semi": false（不加分号） -
"singleQuote": true（单引号） "tabWidth": 2- 运行
npx eslint --fix手动试一次，看终端是否报错——如果报Definition for rule 'xxx' was not found，说明某条规则名拼错了或插件没装全
Cursor编辑器用户注意：别依赖“AI自动修复”按钮
Cursor的AI补全和ESLint自动修复是两套机制。AI可能建议一个看似合理但违反项目规则的改法（比如把ref改成reactive），而ESLint的--fix才是受配置约束的确定性修复。
- 关闭Cursor设置里的
cursor.experimental.codeActionsOnSave（如果开着） - 坚持用VSCode原生的
editor.formatOnSave+eslint.validate组合 - 在Cursor中打开命令面板（
Cmd+Shift+P），输入ESLint: Fix all auto-fixable Problems手动触发一次，验证配置是否真生效 - 如果
<template>里的class绑定（如:class="{ active: isActive }"）仍报错，大概率是eslint-plugin-vue版本太低，升级到^9.25.0以上
最常被忽略的一点：.vue文件的语言模式必须是vue，不是html或javascript。右下角点一下语言标签手动切过去，否则ESLint压根不会加载plugin:vue规则。
