在WebStorm中直接将typeScript文件自动转为javascript文件

查看本机TypeScript版本，可以使用npm view typescript version查看

查看本地是否安装typescript，使用npm ls typescript

全局查看是否安装typescript，后面加个npm ls typescript -g

卸载typescript，使用npm uninstall typescript

全局安装typescript，使用npm install -g typescript

1.在你的Webstorm项目中新建一个json文件，内容如下：

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es5",
    "sourceMap": true
  },
  "exclude": [
    "node_modules"
  ]
}

2. 打开webstorm -> file -> settings -> Tools -> file wathers点击右侧的+号。再点击<custom>,如下图：

Arguments：--sourcemap --target "ES5"

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

Working directory：$FileDir$

其中，Program应该填这个（按照你的node.js安装路径来）

 

最后你写好的ts文件自动会生成js文件