您的位置:首页 > 其它

webstorm自动编译typescript

2014-12-25 10:27 1136 查看
以前webstorm编译ts会有问题,刚试了一下最新版的webstorm9可以自动编译ts。按ctrl+s保存文件的时候,就能同时编译成js文件,很方便。

按照下面的步骤做就可以了。1. mac系统下在Preferences里搜索File Watchers。windows是在File-settings里。

2. 点击File Watchers左下方画红框的+号。windows是在右侧




3. 选择TypeScript




4.会弹出一个设置面板

按照下面图片里的设置勾选和填写内容

Arguments 那一行填写下面的内容

$FileName$ --outDir $ProjectFileDir$/bin-debug/$FileDirRelativeToProjectRoot$

program那行是tsc编译器的路径,安装过typescript以后应该默认是填好的。

win默认是C:\Users\username\AppData\Roaming\npm\tsc.cmd

5.点击画红框的Output Filters




6.在弹出面板中点解画红框的笔




7.按照这个设置填写

然后一直点击ok,关闭设置




关闭了设置页面, 把这个对勾选上,就搞定了。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: