Code Spell Checker 默认不检查 Vue 文件中的变量名拼写，因其仅校验字符串、注释和普通文本；需将 cSpell.checkPrograms 设为 true（布尔值）、cSpell.enabledLanguageIds 包含 "vue" 和 "typescript"，并正确配置 cSpell.ignorePaths 排除 node_modules 等路径，否则 userNmae 不会被标红。

VSCode 默认不检查 Vue 文件中的变量名拼写，cSpell.checkPrograms 必须设为 true（布尔值，不是字符串），且需配合语言 ID 和路径过滤才能生效。

为什么 Vue 中的 userNmae 没被标红？

Code Spell Checker 默认跳过所有语法标识符，包括 const userNmae、function getUsrData、class UsrService —— 它只查字符串、注释和普通文本。Vue 单文件组件里的 <script></script> 区域也属于“代码上下文”，不触发拼写校验，除非你显式开启解析能力。

• cSpell.checkPrograms 是开关，设成 "true"（带引号）或 null 都无效，必须是布尔 true
• cSpell.enabledLanguageIds 必须包含 "vue"，否则即使开了 checkPrograms，.vue 文件也不会被扫描
• Volar 插件会接管 .vue 的语言服务，若它与 Code Spell Checker 冲突（如语言模式被覆盖），变量名可能仍不检测

如何让 setup() 里的 ref 变量名也被检查？

Code Spell Checker 能识别声明语句，但对组合式 API 的动态结构有局限：它能标红 const usreName = ref('') 中的 usreName，但不会检查 usreName.value 或解构后的 { usreName }。

vue-admin-change-reviewer

审查 Vue 管理后台的变更请求（Vue 2 + Element UI，Vue 3 + Element Plus）。重点关注最小化变更实现、上线风险检查以及回归检查清单生成。

下载

• 确保 cSpell.enabledLanguageIds 同时包含 "vue" 和 "typescript"（Vue 3 + TS 项目）
• 避免在 setup() 中用 let/var 声明后重赋值，比如 let userName; userName = ref('') —— 这种非初始化声明不会被提取
• 模板中 {{ usreName }} 不会被检查，因为那是运行时求值，不属于“源码声明”

cSpell.ignorePaths 配置不当导致误报泛滥

没排除 node_modules 时，第三方库导出的变量（如 useQuerry 来自 @tanstack/vue-query）会触发大量“拼写错误”提示，掩盖真实问题。

• cSpell.ignorePaths 必须用 glob 模式，"**/node_modules/**" 有效，"node_modules" 无效
• Vue CLI 项目建议加 "**/dist/**"；Vite 项目额外加 "**/.vite/**" 和 "**/coverage/**"
• 如果用了别名（如 @/components），Code Spell Checker 不会自动解析，需确保真实路径在 ignore 列表中覆盖到位

最易被忽略的是语言 ID 的精确性："vue" 和 "html" 不等价，漏掉 "vue" 就等于对整个 .vue 文件关掉了变量名检查——哪怕 JS/TS 部分都配置正确。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！