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,关闭设置
关闭了设置页面, 把这个对勾选上,就搞定了。
按照下面的步骤做就可以了。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,关闭设置
关闭了设置页面, 把这个对勾选上,就搞定了。
相关文章推荐
- webstorm自动编译typescript
- [less]用webstorm自动编译less产出css和sourcemap
- 用webstorm自动编译less产出css和sourcemap
- webstorm修改文件,webpack-dev-server不会自动编译刷新
- 如何用WebStorm来调试TypeScript编译出来的JavaScript
- webstorm配置scss自动编译路径
- TypeScript开发系列(二)——VS让普通工程自动编译TypeScript
- Pycharm WebStorm 配置 babel 实现自动编译 ECMAScript6 (es6) 文件
- 使用webpack编译TypeScript,自动编译,自动刷新
- 关于webStorm设置less自动编译css和sourcemap问题
- WebStorm自动编译less
- 用webstorm自动编译less产出css和sourcemap
- 【scss编译】基于Webstorm File Watch的自动编译scss文件.md
- Webstorm编译TypeScript报错
- webstorm修改文件,webpack-dev-server不会自动编译刷新
- typescript 自动编译 生成js文件
- Webstorm编译TypeScript
- webstorm配置scss自动编译路径
- webstorm修改文件,webpack-dev-server及roadhog不会自动编译刷新
- 如何在webstorm上自动编译es6