首先安装Node.js和TypeScript编译器，通过npm install -g typescript安装并验证tsc版本；接着在Sublime Text中使用Package Control安装TSX & TypeScript Syntax等插件以支持语法高亮；然后配置自定义构建系统，创建TypeScript.sublime-build文件实现一键编译与运行；最后设置文件语言模式为TypeScript以启用高亮与补全，完成环境搭建。
要在Sublime Text中配置TypeScript开发环境，实现语法高亮和自动编译功能，需安装必要的插件并正确配置Node.js与TypeScript编译器。整个过程不复杂，只要按步骤操作即可快速搭建高效开发环境。
1. 安装Node.js与TypeScript编译器
TypeScript需要通过tsc命令进行编译，因此必须先安装Node.js和TypeScript。
- 前往 https://nodejs.org 下载并安装Node.js
- 打开终端（或命令提示符），执行以下命令全局安装TypeScript：
npm install -g typescript
安装完成后，可通过以下命令验证是否成功：
tsc --version
如果输出版本号（如 Version 5.0.4），说明安装成功。
2. 安装Sublime Text插件
使用Package Control安装关键插件，提升编辑体验。
- 按下 Ctrl+Shift+P 打开命令面板，输入“Install Package”
- 搜索并安装以下插件：
• SublimeLinter（可选）：代码检查框架，配合tslint或eslint使用。
• BuildSystem Tools 或手动配置构建系统，用于调用tsc编译。
3. 配置Sublime构建系统（Build System）
让Sublime支持一键编译.ts文件为.js。
- 点击菜单栏 Tools → Build System → New Build System…
- 将以下内容粘贴进去：
{
"cmd": ["tsc", "$file"],
"selector": "source.ts",
"shell": true,
"working_dir": "$file_path",
"variants": [
{
"name": "Run",
"cmd": ["tsc", "$file", "&&", "node", "$file_base_name.js"]
}
]
}
- 保存为 TypeScript.sublime-build
- 打开一个 .ts 文件后，在菜单选择 Tools → Build System → TypeScript
此时按下 Ctrl+B 可编译当前TypeScript文件，按 Ctrl+Shift+B 使用“Run”变体，编译并运行生成的JS文件。
4. 启用语法高亮与自动补全
确保打开的 .ts 文件正确识别为TypeScript语言。
- 打开任意 .ts 文件
- 点击右下角语言标识（如“Plain Text”）
- 选择 TypeScript 或 TSX & TypeScript
此后该类型文件会自动启用高亮、括号匹配和基础补全功能。若安装了LSP插件，还可接入TypeScript语言服务器实现更强大的智能提示。
基本上就这些。配置完成后，你可以在Sublime中流畅编写、编译和运行TypeScript代码。虽然不如VS Code那样深度集成，但对于轻量级开发完全够用。关键是tsc能正常调用，构建系统设置准确，再配合合适的语法插件，体验就很顺畅。
