如何在Sublime 4中实现TypeScript语法高亮与类型错误提示

Sublime 4已经下架了旧版微软官方独立维护的TypeScript插件，所谓“开箱即用TS支持”仅包含最基础的后缀识别，没有绑定TS语言服务，所以既不会自动读取项目tsconfig.json，也不会实时提示类型/语法错误，按照以下步骤配置即可恢复完整功能： #

1. 先修复语法高亮失效问题 #

• 按Ctrl+Shift+P（macOS端快捷键为Cmd+Shift+P）调出命令面板，输入Set Syntax: TypeScript回车，先确认当前打开的.ts/.tsx文件被正确识别为TypeScript类型
• 如果后缀关联错乱：打开任意.ts文件，点击右下角状态栏显示的当前文件格式标识，在弹出列表选中TypeScript，再选择Open all with current extension as... -> TypeScript，永久绑定后缀对应关系
• 如果内置语法规则损坏导致着色异常：通过Package Control搜索安装TypeScript Syntax包，这是目前官方维护的最新语法规则包，替换内置老旧规则后重启Sublime即可恢复正常高亮。

注意：包列表里那些7年前发布的老旧第三方TS插件全部不要装，不兼容Sublime4的API，装了只会和内置规则冲突，进一步导致高亮失效。

2. 配置实时类型检查、tsconfig自动识别能力 #

Sublime4的TS智能提示能力基于LSP语言服务框架对接官方TS Server实现，没有默认预装，需要手动安装：

• 调出命令面板，打开Package Control的安装包列表，先搜索安装LSP基础框架包，安装完成后暂时不要重启
• 继续在包列表搜索安装LSP-typescript，这个包会自动匹配下载对应版本的官方TypeScript语言服务，不需要你全局手动安装tsc或tsserver
• 全部安装完成后重启Sublime，打开包含tsconfig.json的项目根目录下的TS文件，等待2-3秒服务初始化完成，就会自动读取项目tsconfig配置，实时标注语法、类型错误，同时支持跳转定义、自动补全、批量重命名等全套TS开发能力。

常见异常排查 #

• 安装完成后仍然不显示错误提示：调出命令面板输入LSP: Troubleshoot Server，选中TypeScript服务查看启动日志，90%以上的情况是本地Node.js版本低于14，升级Node.js到LTS版本后重启Sublime即可
• tsconfig修改后规则不生效：调出命令面板输入LSP: Restart Server，重启TS服务就会重新加载项目配置
• 出现重复高亮、提示错乱：打开已安装包列表，卸载除了TypeScript Syntax、LSP、LSP-typescript之外的所有TS相关插件，多插件规则冲突是这类问题的核心诱因。

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