• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册

mac下webstorm自动编译typescript配置

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

1、安装typescrip

npm install -g typescript　　　　

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

2、在typescript项目目录中打开terminal输入tsc --init 创建tsconfig.js

tsc --init

3、编辑tscongfig.json,修改outDir的参数，既默认ts转换成js后的输出目录

 

 

 4、点击webStorm->Preferences到设置页面

 

5、点击tools->File Watchers->左下角的+号、选择custom

 

 

 

 

 

 

 6、输入如下信息

Name:TypeScript
File Type:TypeScript
Scope:All Places
Program:/usr/local/lib/node_modules/typescript/bin/tsc（既安装typescript的路径下的tyc文件）
Arguments:--sourcemap --target "ES5"
Output paths to refresh:$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map
WOrking directory:$FileDir$

 

 

 点击ok->Apply完成。

再次编辑ts文件就会自动编译为js了

鲜花
握手
雷人
路过
鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
TypeScript安装备忘：npm proxy设置发布时间：2022-07-18
下一篇：
TypeScript设计模式之单例、建造者、原型发布时间：2022-07-18
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap