如何为VSCode配置代码高亮和语法检查？

安装合适扩展并配置语言关联与工具，如JavaScript用ESLint、Python用官方扩展，再通过settings.json设置文件关联和主题，即可实现高亮与语法检查。

为 VSCode 配置代码高亮和语法检查，关键是安装合适的扩展并正确设置语言关联与配置文件。只要选对工具并简单配置，就能实现清晰的高亮和实时的语法检查。

安装对应语言的扩展

VSCode 本身支持常见语言的基础高亮，但完整语法检查需要安装官方或社区维护的扩展。

• JavaScript/TypeScript： 内置支持，无需额外安装
• Python： 安装 Python 扩展（由微软提供），它包含 Pylint、Pylance 等工具
• Go： 安装 Go 扩展，自动启用 gofmt 和 go vet
• Vue/React： 安装 Volar（Vue）或 ESLint 扩展
• 其他语言： 在扩展商店搜索语言名 + "language" 或 "syntax" 即可

启用并配置 ESLint 或类似工具

以 JavaScript/TypeScript 为例，ESLint 是最常用的语法检查工具。

• 在项目根目录初始化 ESLint：npm init @eslint/config
• 安装 ESLint 扩展：ESLint（由 Microsoft 提供）
• 确保项目中存在 .eslintrc.js 或 .eslintrc.json 配置文件
• VSCode 会自动读取配置并标出错误，无需额外设置

确认文件关联与高亮主题

如果某些文件没有正确高亮，可能是语言模式未匹配。

• 点击右下角语言标识（如“纯文本”），选择正确的语言模式（如 JavaScript）
• 可在 settings.json 中强制关联：

{
  "files.associations": {
    "*.js": "javascript",
    "*.custom": "html"
  }
}

• 更换主题增强高亮效果：打开命令面板（Ctrl+Shift+P），输入 “Preferences: Color Theme”，选择如 Atom One Dark 或 Visual Studio Light