Sublime Text配置TypeScript开发环境_Sublime Text安装TS语法高亮【进阶】-sublime-PHP中文网

sublime text 默认不识别 .ts 文件，需安装 typescriptsyntax 插件并重启，手动选语法后仍显示 plain text 说明语法未注册；无错误提示或跳转失效主因是 tsserver_path 未正确配置或 tsconfig.json 缺失。

sublime text配置typescript开发环境_sublime text安装ts语法高亮【进阶】

Sublime Text 默认打开 .ts 文件就是纯文本，语法高亮不自动生效——这不是插件没装，而是文件类型根本没被识别；装了插件却没错误提示、跳转失效、Ctrl+Click 无反应，90% 是因为 tsserver_path 没配对或本地 tsc 根本不可用。

这说明 Sublime Text 4 没加载到正确的语法定义。它不会根据后缀自动绑定，必须靠插件提供 .sublime-syntax 文件并完成注册。

确认装的是 TypeScriptSyntax（作者 sublimelsp），不是过时的 Typescript Syntax 或 TypeScript-Sublime-Plugin —— 后两者用的是已淘汰的 .tmLanguage 格式，在 ST4 下渲染异常甚至完全不显示
安装完必须重启 Sublime Text 4，否则新语法包不会被扫描和注册
检查 Packages/User/ 目录下有没有残留的 TypeScript.sublime-syntax 空文件或旧定义，有就删掉——ST4 会优先加载 User/ 下同名文件，直接屏蔽插件里的正确语法
如果项目里有 .sublime-project，打开它查是否有 "syntax_override" 或 "extensions" 把 ts 映射到了 JavaScript，这类配置会强制覆盖全局设置

语法高亮只是前端着色，所有语义功能（类型检查、定义跳转、补全）都依赖本地运行的 tsserver 进程。Sublime 插件本身不带语言服务，只负责转发请求。

TypeScript

{"answer":"编写类型安全的 TypeScript，合理运用类型收窄、推断模式与严格模式最佳实践。"}

下载

终端执行 tsc --version 和 tsserver --version，两个输出必须一致；若后者报 command not found，说明 node_modules/.bin 没进 $PATH（macOS/Linux 查 echo $PATH，Windows 查系统环境变量中 Node.js 安装路径下的 node_modules\.bin）
推荐用项目级安装：运行 pnpm add -D typescript 或 yarn add -D typescript，再在插件设置里填 "tsserver_path": "./node_modules/.bin/tsserver"（macOS/Linux）或 "./node_modules/.bin/tsserver.cmd"（Windows）
tsserver_path 是相对于你用 Sublime 打开的文件夹（即项目根目录）的路径，不是 Sublime 安装目录；填错路径或留空会导致服务静默失败，没有任何报错提示
确保项目根目录存在 tsconfig.json，没有它 tsserver 就降级为无配置模式，strict、paths、jsx 全部失效

.tsx 不是 .ts 的简单扩展，它需要明确启用 JSX 支持，否则会被当作普通 TS 解析，JSX 标签直接报错。

先确认已装 TypeScriptSyntax，并在 Preferences → Settings – Syntax Specific 中加一行："extensions": ["ts", "tsx"]
如果用的是 SublimeTSC 插件，在其设置里加："enable_tsx": true
如果用的是 LSP-typescript，则不用手动开 enable_tsx，但要确保 tsconfig.json 中有 "jsx": "react-jsx" 或类似有效配置
改完 tsconfig.json 后必须手动执行 TS: Restart Server（Ctrl+Shift+P 输入），插件不会自动监听配置变更

状态栏左下角显示 TS 是 SublimeTSC 插件启动成功的标志；如果只看到 TypeScript（右下角）但左下角没 TS，说明语言服务器根本没连上。

别装 TSCompleteMe 或 TypeScript-Sublime-Plugin —— 前者多年未更新，不兼容 ST4；后者自带过时内嵌 tsserver，不读 tsconfig.json，也不支持 moduleResolution: bundler
只装 SublimeTSC（注意名称无空格），安装后打开 .ts 文件，状态栏左下角应立刻显示 TS，右键菜单出现 TypeScript 子项
如果没显示，打开 Preferences → Package Settings → SublimeTSC → Settings，确认 "enable_language_service": true 已开启，且 "tsserver_node_path" 指向真实可用的 node（用 which node 查）
最易忽略的一点：tsserver_node_path 设为空字符串或错路径，SublimeTSC 会静默失败，不弹任何提示，只当没装插件用