vscode中怎么让js代码变颜色

VS Code JavaScript 无颜色主因是语言模式错误、插件干扰或主题配置问题；需检查右下角语言模式是否为JavaScript，禁用冲突插件，切换默认主题并验证tokenColorCustomizations设置。

VS Code 里 JavaScript 代码没颜色，大概率是文件没被识别为 javascript

VS Code 不是靠文件后缀“猜”语言，而是靠 language mode（语言模式）决定语法高亮。哪怕你打开的是 index.js，如果右下角显示的是 Plain Text 或 JSON，那所有高亮都会失效。

实操建议：

• 按 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS），输入 Change Language Mode，回车
• 在弹出框里选 JavaScript（不是 JavaScript React，除非你真在写 JSX）
• 确认右下角状态栏显示 JavaScript，且文字立刻变色
• 如果每次打开都重置，检查文件是否被 .vscode/settings.json 里的 "files.associations" 错误覆盖，比如写了 "*.js": "json"

装了插件但 JS 还是灰的，先关掉 javascript.suggest.autoImports 类干扰项

某些插件（尤其是老旧的 ESLint、TSLint 或自定义语法高亮扩展）会劫持语言服务，导致内置的 javascript 高亮引擎被绕过。症状是：关键词（function、const）没色，但字符串和注释有颜色——说明只是语义高亮挂了，基础文本渲染还在。

实操建议：

• 进设置（Ctrl+,），搜 javascript.suggest.autoImports，暂时禁用
• 再搜 typescript.preferences.includePackageJsonAutoImports，也关掉
• 重启 VS Code，不装任何第三方插件，只留默认 JavaScript (ES6) language features
• 如果这时恢复高亮，问题就出在某个插件上，逐个启用排查

用 import / export 的文件被当成 javascriptreact，结果 fetch 不变蓝

VS Code 默认把含 import 的 .js 文件识别为 javascriptreact（即支持 JSX 的 JS），但它用的是 TypeScript 的语言服务，对纯 JS 的全局变量（如 fetch、localStorage）不标记颜色，只标语法结构。

天工大模型

中国首个对标ChatGPT的双千亿级大语言模型

下载

实操建议：

• 右下角点击当前语言模式（比如显示 JavaScript React），选 Configure File Association for '.js'
• 选 JavaScript，不是 JavaScript React
• 如果项目确实要混用 JSX，就在文件顶部加注释 // @ts-nocheck 或改用 .jsx 后缀，避免歧义
• 注意：改完后 import 语句可能暂时报错——这是正常现象，因为原生 JS 不支持 import，得靠打包工具或 type="module"，高亮和运行是两回事

颜色变了但看起来怪怪的，检查主题和 editor.tokenColorCustomizations

VS Code 主题（theme）控制最终呈现的颜色，不是语法解析器。有些主题（比如 Nord、Dracula）对 keyword 和 function 用了相近色值，肉眼难分；还有人手动改过 tokenColorCustomizations，把 string 设成和背景一样白。

实操建议：

• 换回官方主题试：设置里搜 workbench.colorTheme，选 Default Dark+ 或 Default Light+
• 打开 settings.json，删掉所有带 tokenColorCustomizations 的块
• 如果必须自定义，只改明确 token 类型，比如：

  "editor.tokenColorCustomizations": {
    "textMateRules": [{
      "scope": ["keyword"],
      "settings": {"foreground": "#c792ea"}
    }]
  }