Sublime Text可通过配置构建系统实现TypeScript自动编译。1. 全局安装TypeScript：npm install -g typescript，运行tsc –version验证。2. 在Sublime中创建新构建系统，菜单Tools → Build System → New Build System…，替换为指定JSON配置并保存为TypeScript.sublime-build。3. 打开.ts文件后，选择Tools → Build System → TypeScript，按Ctrl+B编译生成.js文件，或按Ctrl+Shift+B选择tsc: Watch启动监听模式，保存时自动重新编译。4. 在项目根目录创建tsconfig.json文件管理编译选项，如设置target、outDir等，之后可将构建命令改为[“tsc”]，省略文件名以自动读取配置。配置完成后，Sublime Text即可支持TypeScript编译与实时监听，虽无IDE级智能提示，但轻量高效，适合简单项目或学习使用。
Sublime Text 本身不内置 TypeScript 编译功能，但可以通过配置构建系统实现保存时自动编译 TypeScript 文件。以下是具体设置步骤。
1. 安装 TypeScript 编译器
确保你的系统已安装 Node.js 和 npm，然后全局安装 TypeScript：
npm install -g typescript
安装完成后，运行 tsc –version 验证是否成功。
2. 创建 Sublime 构建系统
打开 Sublime Text，依次操作：
菜单栏选择 Tools → Build System → New Build System… 将默认内容替换为以下 JSON 配置：
{ "cmd": ["tsc", "$file"], "selector": "source.ts", "file_regex": "^(.*):(d+):(d+):s+(.*)$", "working_dir": "$file_path", "shell": true, "variants": [ { "name": "tsc: Watch", "cmd": ["tsc", "-w", "$file"] } ]}
保存文件，命名为 TypeScript.sublime-build
3. 使用自动编译功能
打开一个 .ts 文件后：
先选择构建系统：菜单 Tools → Build System → TypeScript 按 Ctrl+B 执行普通编译（生成 .js 文件） 按 Ctrl+Shift+B 选择 tsc: Watch 启动监听模式，保存文件时自动重新编译
4. 配合 tsconfig.json 更好管理项目
在项目根目录创建 tsconfig.json 文件，例如：
{ "compilerOptions": { "target": "es6", "outDir": "./dist", "strict": true, "moduleResolution": "node" }, "include": [ "**/*.ts" ]}
此时可将构建命令改为：[“tsc”]，省略文件名，让 tsc 自动读取配置文件。
基本上就这些。配置完成后，Sublime 就能高效支持 TypeScript 编译和实时监听。虽然没有 IDE 级别的智能提示，但轻量快速，适合简单项目或学习使用。
以上就是sublime怎么配置TypeScript自动编译 _sublime TypeScript自动编译设置的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/78687.html
微信扫一扫 
支付宝扫一扫 
