首先安装Node.js和TypeScript，再通过Package Control安装TSX和LiveBuild插件；接着创建自定义构建系统，配置TypeScript.sublime-build文件实现手动编译；然后在LiveBuild设置中添加TypeScript监听规则，实现保存自动编译；最后在项目根目录配置tsconfig.json文件以支持项目级编译。
在Sublime Text中配置TypeScript自动编译，需要借助插件和自定义构建系统。虽然Sublide本身不内置TS支持，但通过简单设置即可实现保存文件时自动编译。
1. 安装TypeScript编译环境
确保你的系统已安装Node.js和TypeScript：
打开终端或命令行，运行 npm install -g typescript 验证安装：输入 tsc -v，能看到版本号即成功
2. 安装Sublime插件（可选但推荐）
使用Package Control安装以下插件提升开发体验：
TSX 或 TypeScript：提供语法高亮和基础支持 LiveBuild：支持保存时自动执行构建命令
安装方法：按下 Ctrl+Shift+P，输入 “Install Package”，然后搜索并安装上述插件。
3. 配置Sublime构建系统
为TypeScript创建自定义构建系统：
点击菜单栏的 Tools → Build System → New Build System 将以下内容粘贴进去：{ “cmd”: [“tsc”, “$file”], “selector”: “source.ts”, “file_regex”: “^(.*):(d+):(d+):s+(.*)$”, “working_dir”: “$file_path”, “shell”: true}保存为 TypeScript.sublime-build 之后在TypeScript文件中，按 Ctrl+B 即可手动编译
4. 实现自动编译（保存即编译）
借助LiveBuild插件实现自动编译：
豆包AI编程
豆包推出的AI编程助手
483 查看详情 安装完成后，在菜单栏选择 Tools → LiveBuild Settings 在用户设置中添加TypeScript监听规则：{ “builders”: [ { “selector”: “source.ts”, “cmd”: [“tsc”, “$file”], “working_dir”: “$file_path” } ]}
这样每次保存 .ts 文件时，LiveBuild会自动调用 tsc 编译。
5. 配置tsconfig.json（推荐项目级使用）
在项目根目录创建 tsconfig.json，内容如下：
{ “compilerOptions”: { “target”: “es6”, “module”: “commonjs”, “outDir”: “./dist”, “strict”: true, “removeComments”: true, “preserveConstEnums”: true }, “include”: [ “**/*.ts” ]}
有了这个文件后，你只需运行 tsc -w 就能监听整个项目，更适用于大型项目。
基本上就这些。配置完成后，Sublime Text就能支持TypeScript的编译与自动构建。虽然不如VSCode集成度高，但轻量灵活，适合喜欢简洁编辑器的开发者。关键点是tsc环境要通，构建命令路径正确，再配合插件实现自动化。
以上就是sublime怎么配置typescript自动编译_sublime设置TypeScript文件自动编译教程的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/512730.html
微信扫一扫 
支付宝扫一扫 
