HBuilder 添加typescript插件步骤

时间:2024-05-23 20:14:06

 百度了很多,官网上也没说明白,将HBuilder支持typescript的插件安装步骤贴出来,给别的人参考:

 第一步:打开HBuilder软件,选择上方的菜单"工具",选择"插件安装",进入如下界面:

HBuilder 添加typescript插件步骤

   第二步:点击"浏览eclipse插件市场",进入界面上,直接搜索"typescript"关键字,记住一定要选中第一个eclipse软件的图标,其他两个应该不是,别下错了: (注意的是需要连接外网,否则会卡住)

 HBuilder 添加typescript插件步骤

HBuilder 添加typescript插件步骤

    第四步:按照提示一步步安装同意,然后会弹出让你重启HBuilder的,重启之后,就进入"工具"->"选项",这时候就会出现这样的界面,勾选上"complie all TypeScript files on build",点击应用,我的操作是再次重启一下HBuilder,然后右键选择项目,就有一个:

配置->Enable TypeScript Builder,这样就可以新建ts文件,自动编译成js代码了,如下截图:

HBuilder 添加typescript插件步骤HBuilder 添加typescript插件步骤

       第五步就可以愉快的写typesript代码了,会自动编译生成js代码:

 HBuilder 添加typescript插件步骤