sublime text 需手动关联 .ts 文件语法并安装 typescriptsyntax 插件，配置 tsserver 路径与 tsconfig.json，设置构建系统实现类型检查，且 tsx 需正确配置 jsx 选项和重启服务。
如何让 Sublime Text 正确识别 .ts 文件并高亮语法
默认安装的 Sublime Text 不认识 .ts 文件，打开后是纯文本，没有语法高亮。这不是插件没装好，而是文件关联没配——必须手动指定语法类型。
操作很简单：打开任意一个 .ts 文件 → 点击右下角当前显示的语法名（比如 “Plain Text”）→ 选择 “TypeScript”（不是 “JavaScript” 或 “Babel”）。如果列表里没有 TypeScript，说明还没装官方语法包。
装语法包只需一步：Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS）→ 输入 Package Control: Install Package → 搜索并安装 TypeScriptSyntax（推荐，轻量且更新勤）或官方 TypeScript 包（含补全和诊断，但更重）。
- 别装
TSFormatter或SublimeLinter-tslint这类已废弃的旧包，它们不兼容 TS 4.0+ 和 Sublime Text 4 - 装完后，建议在
Preferences → Settings – Syntax Specific中加一行："extensions": ["ts", "tsx"]，这样新建.tsx文件也会自动用 TypeScript 语法
用 subl 命令行打开项目时，为什么 tsserver 不工作
Sublime Text 的 TypeScript 支持依赖 tsserver（TypeScript 自带的语言服务），但它不会自动找全局或本地的 tsserver。常见现象是：有语法高亮，但无跳转、无错误提示、Ctrl+Click 失效——本质是语言服务器没连上。
解决方案是配置 tsconfig.json 路径 + 显式指定 tsserver 位置。以 TypeScript 插件（官方维护版）为例：
打开 Preferences → Package Settings → TypeScript → Settings，填入：
{
"tsserver_node_path": "/usr/local/bin/node",
"tsserver_path": "./node_modules/typescript/lib/tsserver.js",
"enable_language_service": true
}
-
tsserver_node_path必须指向真实可用的node可执行文件（用which node查）；设成空字符串或错路径会导致整个服务静默失败 -
tsserver_path推荐用项目级路径（./node_modules/...），避免不同项目 TS 版本冲突；全局路径如/usr/lib/node_modules/typescript/lib/tsserver.js很容易版本不匹配 - 如果项目根目录没有
tsconfig.json，tsserver会降级为“无配置模式”，很多检查（如 strict 模式、路径映射）直接失效
为什么保存后不自动编译（tsc --watch 不触发）
Sublime Text 本身不集成构建系统，所谓“保存即编译”其实是靠外部命令 + 构建系统联动实现的。TypeScript 插件默认只提供语言服务，不接管编译流程。
要实现保存即编译，得手动配一个构建系统：
菜单栏 → Tools → Build System → New Build System…，贴入以下内容并保存为 TS-Compile.sublime-build：
{
"cmd": ["tsc", "--noEmit", "--watch"],
"selector": "source.ts",
"working_dir": "${project_path:${folder}}",
"variants": [
{
"name": "Build Once",
"cmd": ["tsc"]
}
]
}
-
--noEmit是关键：只做类型检查，不生成 JS，避免和 Webpack/Vite 的构建流程打架 - 必须确保终端能直接运行
tsc（即node_modules/.bin在$PATH中），否则构建会报"tsc" is not recognized - 这个构建系统不会后台常驻；每次保存后需手动按
Ctrl+B（或设快捷键）触发一次检查；真要后台监听，得另起终端跑tsc --watch，再用SublimeOnSaveBuilder插件 hook 保存事件
TSX 文件中 JSX 标签报红、无法跳转到组件定义
这是典型配置断层：语法识别了，但 tsserver 没被告知这是 JSX 环境。现象包括：<div> 被标红、<code>React.FC 提示未定义、import React from 'react' 下划线不断。
根本原因是 tsconfig.json 缺少 JSX 相关配置，或插件没读到它。检查点有三个：
- 确认项目根目录的
tsconfig.json含"jsx": "preserve"（或"react"/"react-jsx"），且"lib"包含"dom"和"es2015"等基础库 - 确认 Sublime 的 TypeScript 插件工作目录确实是项目根（看状态栏左下角是否显示
TS: ready；若显示TS: no config，说明它没找到tsconfig.json） - 如果用了
paths别名（如@/components），需在tsconfig.json中同时配"baseUrl": "."，否则tsserver解析模块路径会失败
改完 tsconfig.json 后，务必重启 Sublime Text 或在命令面板运行 TypeScript: Restart Server，否则改动不生效。
