VSCode代码自动纠错插件_VSCode插件优化Vue性能【经验】

作者：WarmHope 时间：2026-07-02 来源：互联网浏览：0

在VSCode中处理Vue文件时，首先需确认状态栏显示为vue模式，其次eslint.validate配置中必须包含“vue”，并禁用已经废弃的autoFixOnSave。若defineProps无法自动导入，则需禁用Vetur扩展，触发Volar扩展接管，并配置tsconfig.json中的types包含“vue”。Prettier与ESLint存在冲突，

为什么 `editor.codeActionsOnSa ve` 对 .vue 文件无效？

这事的根本卡点在于语言服务链路断了，不是你配置没加，而是加了也白加。你需要检查几个关键环节： * 首先，VSCode 右下角状态栏必须显示 `vue` 模式，而不是 `HTML` 或 `Plain Text`。否则，编辑器根本不把 `.vue` 文件交给 Volar 或 ESLint 去处理。 * 其次，`eslint.validate` 设置里必须显式包含 `"vue"`。写法上顺序无所谓，但漏掉就一定失效，比如这样：`["vue", "ja vascript", "typescript"]`。 * 再者，那个早已废弃的 `eslint.autoFixOnSa ve` 必须禁用（VSCode 1.89+ 已经移除了这个选项），正确的做法是使用 `"editor.codeActionsOnSa ve": { "source.fixAll.eslint": true }`。 * 最后，一个容易被忽略的点：ESLint 插件必须使用你项目本地安装的版本。全局安装的 `eslint` 是不会被识别的，`node_modules/.bin/eslint` 才是唯一的有效路径。

为什么 `defineProps`、`ref` 不自动 import，Ctrl+. 无响应？

这背后的问题很典型：TypeScript 语言服务根本没意识到 `