PHPStorm配置typescript自动编译

1、自行去官网安装node.js；

2、npm工具安装typescript

npm install -g typescript

查看typescript版本

tsc --version

3、打开phpstorm，新建一个目录tscTest，进入该目录，执行

tsc --init

生成一个tsconfig.json文件

 

4、配置js文件输出路径

5、打开监听File->Settings-->Tools->File Watchers->TypeScript(没有就选Custom)

 

配置信息如下：

Program:C:\dev\nodejs\tsc.cmd
Arguments:--sourcemap --target "ES5"
Output paths to refresh:$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map
Working directory:$FileDir$