webstorm配置项目Typescript编译环境

使用npm命令安装typeScript编译器 

npm install typescript -g

安装好，在命令行可以查看编译器的版本

tsc --version

        用Webstorm打开一个Typescript的项目。为TypeScript文件更改编译设置，File->Settings->toosl -> File Watchers->TypeScript，这里我们需要选择TypeScript，但是File Watchers下默认是不存在的。需要点击右侧“+”号，选择,弹出 New Watcher，设置好圈红线的部分，点击ok。勾选“TypeScript”，点击ok。 

我的配置项如下：

Program配置自己的node安装的tsc.cmd的位置

Program：D:\codeProgram\nvm\node_global\tsc    
Arguments：--sourcemap --target "ES5"
Output paths to refresh：$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map
Working directory：$FileDir$

添加成功后设置级别为global

        最后在 languages & frameworks 中配置 安装的Typscript的地址，默认的是项目的modules，我改成了node总依赖的。