HBuilder 自动编译 TypeScript 文件

方法一:

1.HBuilder 菜单栏 =》【工具】选择【插件安装】;

HBuilder 自动编译 TypeScript 文件_第1张图片

2.点击【插件安装】下方【浏览Eclipse插件市场】,搜做【TypeScript】插件进行安装;(这步操作要稍等一会)

HBuilder 自动编译 TypeScript 文件_第2张图片

HBuilder 自动编译 TypeScript 文件_第3张图片

 HBuilder 自动编译 TypeScript 文件_第4张图片

HBuilder 自动编译 TypeScript 文件_第5张图片

HBuilder 自动编译 TypeScript 文件_第6张图片

3.安装完成后重启 HBuilder ,选择菜单 =》【工具】=》【选项】选择编译 ts 文件;

HBuilder 自动编译 TypeScript 文件_第7张图片

 HBuilder 自动编译 TypeScript 文件_第8张图片

 HBuilder 自动编译 TypeScript 文件_第9张图片

4.选择创建的项目,鼠标右键点击 =》【配置】=》【Enable TypeScript Builder】,再次保存 .ts 文件时会自动在当前目录编译出对应的.js文件;

HBuilder 自动编译 TypeScript 文件_第10张图片

方法二:

1.菜单栏 =》【工具】=》【预编译器设置】=》【新建】:

HBuilder 自动编译 TypeScript 文件_第11张图片

2.在【触发命令地址】中输入:tsc.cmd文件路径,【命令参数】输入对应的欲输出位置名称、编译目标位置及输出版本,完成后单击【确定】退出;

HBuilder 自动编译 TypeScript 文件_第12张图片

3.编写完ts代码每保存一次系统就会自动完成编译。

以上操作就完成了 HBuilder 对 TypeScript 文件的自动编译; 

你可能感兴趣的:(HBuilder 自动编译 TypeScript 文件)