Visual Studio 2022中TypeScript代码高亮异常的技术咨询

检查内置组件安装状态 #

• 打开Visual Studio Installer，选中你的VS2022实例点击「修改」
• 确认「工作负载」里的「ASP.NET和Web开发」已勾选，该负载包含JS/TS核心支持组件
• 额外查看「单个组件」中的「JavaScript和TypeScript语言支持」是否勾选，未勾选则添加后重启VS

重置编辑器设置 #

• 打开VS2022，依次点击「工具」→「导入和导出设置」→「重置所有设置」
• 可选保存当前设置，然后选择重置为「Web开发」预设，完成后重启编辑器

调整TypeScript语法高亮配置 #

• 点击「工具」→「选项」→「文本编辑器」→「TypeScript」→「高级」
• 确保「启用完整的TypeScript语言服务」处于勾选状态
• 切换到「语法着色」选项卡，检查「方法」等项的颜色设置是否为预期的黄色，可恢复默认配置

安装扩展增强支持 #

若上述操作无效，可尝试安装以下官方推荐扩展：

• TypeScript Analyzer：强化语法着色精度与代码分析能力
• Angular Language Service：针对Angular项目的TS模板及组件着色优化

验证项目配置 #

• 确认项目根目录的tsconfig.json配置正常，比如compilerOptions.target设为ES6及以上版本
• 右键项目→「属性」→「TypeScript构建」，检查项目是否被正确识别为TypeScript项目，构建设置无异常

内容的提问来源于stack exchange，提问作者Valhaal