WebStorm自动编译TypeScript

默认情况，WebStorm是提供了创建TypeScript的模版文件，但是不提供自动编译ts文件为js和map文件。
网上找的一些教程，主要是教大家额外配置一个File Watcher来对ts文件进行自动编译。后来我发现新版本的WebStorm已经提供自动编译的功能了，只是需要设置一下。
1. WebStorm自带配置自动编译TypeScript功能
通过 文件 – 设置，调出 界面，然后选择以下的界面即可配置：

我的配置信息为：

Program：‪C:\Users\35241\AppData\Roaming\npm\tsc.cmd

Arguments：--target "ES5"

Output paths to refresh：$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map

Working directory：$FileDir$

这样，typescript的自动编译功能就设置好了，可以发现我们编写的ts文件会自动转为js文件。