mac webstorm自动编译typescript配置

1、安装typescrip

npm install -g typescript    

                                                                                              

2、在typescript文件所在目录中打开terminal输入tsc --init安装tsconfig.js

1

tsc --init

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

 

 

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

1263990-20191203141656770-1278318667.pnguploading.4e448015.gif转存失败重新上传取消

 

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了

 

发布了133 篇原创文章 · 获赞 400 · 访问量 161万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览