VS Code中仅.ts文件代码着色失效，更换主题无效如何解决？

1. 重启 TypeScript 语言服务 #

• 打开任意 .ts 文件，按下 Ctrl+Shift+P（Mac 设备为 Cmd+Shift+P）调出命令面板，输入 TypeScript: Restart TS Server 执行，等待10秒后查看着色是否恢复
• 若重启无效果，在命令面板输入 Developer: Show Logs...，选择 TypeScript 分类查看服务启动日志，常见报错原因包括工作区本地 TypeScript 版本损坏、全局安装的 TS 版本与 VS Code 内置版本不兼容

2. 校验文件关联配置 #

• 打开设置面板（快捷键 Ctrl+,/Cmd+,），搜索 files.associations，确认是否存在错误的 .ts 文件关联规则，比如误关联到纯文本、其他编程语言格式
• 打开 .ts 文件时查看 VS Code 右下角状态栏显示的语言模式，若不是 TypeScript，点击该位置手动选择语言模式为 TypeScript，测试着色是否正常

3. 排查扩展冲突 #

• 第三方代码高亮、代码检查类扩展都可能干扰 TypeScript 着色，尤其是非官方的 TypeScript 增强、自定义主题扩展
• 在命令面板执行 Extensions: Disable All Installed Extensions，重启 VS Code 后测试 TS 着色是否恢复，若恢复则逐个启用扩展定位冲突项

4. 重置 TypeScript 相关配置 #

• 执行命令 Preferences: Open User Settings (JSON)，删除所有以 typescript. 开头的自定义配置，保存后重启 VS Code 测试
• 若仅当前工作区出现问题，检查工作区根目录 .vscode/settings.json 内是否存在错误的 TS 相关配置

5. 修复内置 TypeScript 组件 #

• 若以上步骤均无效，关闭 VS Code 后进入本地扩展缓存目录，删除 vscode.typescript-language-features 相关文件夹，重启 VS Code 后会自动重新安装内置 TypeScript 支持组件：
  • Windows 路径：%USERPROFILE%\.vscode\extensions
  • Mac 路径：~/.vscode/extensions
  • Linux 路径：~/.vscode/extensions

内容的提问来源于stack exchange，提问作者Jean-Paul