VS Code需通过扩展实现拼写检查,推荐Code Spell Checker,支持多语言、可自定义忽略规则,并能与ESLint/Prettier协同工作,提升代码注释和字符串的准确性。

VS Code 本身不内置拼写检查功能,但通过安装合适的扩展,可以轻松为注释、字符串甚至变量名添加实时拼写校验,有效拦截“recieve”“definately”这类低级拼写错误。
推荐扩展:Code Spell Checker
这是目前 VS Code 中最成熟、维护活跃的拼写检查工具。它默认支持英语,同时可轻松添加中文、法语、西班牙语等多语言词典。
- 安装方式:在扩展市场搜索 Code Spell Checker,点击安装并重启(部分版本无需重启)
- 开箱即用:安装后自动检查注释和字符串中的单词,拼错词会带红色波浪线提示
- 右键可快速查看建议修正,或添加到用户词典(比如项目专有名词、缩写如 “JWT”、“UIkit”)
按需启用/禁用检查范围
不是所有地方都需要拼写检查——比如 JSON 键名、正则表达式、或某些自动生成的代码块。你可以精细控制检查边界:
- 在设置中搜索 spellright.language 或 cSpell.enabledLanguageIds,调整生效的语言类型(如禁用对
json或markdown的检查) - 用 cSpell.ignoreRegExpList 忽略特定模式,例如:
"\\b[A-Z]{2,}\\b"可跳过大写缩写 - 在文件顶部加注释
// cSpell:ignore myCustomHook, apiV2,临时忽略本文件中的特定词
与 ESLint / Prettier 协同工作
拼写检查器专注“文字”,而 ESLint 关注“逻辑与规范”。两者互补不冲突:
- Code Spell Checker 不会检查变量名是否符合 camelCase —— 这是 ESLint 的
camelcase规则负责的 - 若你希望变量名也拼写正确(如避免
recieveData),可配合 ESLint 插件eslint-plugin-spellcheck(需额外配置) - Prettier 负责格式,不影响拼写检查;但建议先格式化再提交,避免因空格/引号风格干扰拼写识别
基本上就这些。拼写检查不是银弹,但它能默默守住文档质量和专业感的第一道防线——尤其在团队协作或开源项目中,一个拼错的注释可能让新成员多花十分钟理解上下文。










