WebStorm Ts自动转Js

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

WebStorm Ts自动转Js_第1张图片1

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

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

WebStorm Ts自动转Js_第2张图片

 3.按照下图编辑监视器,

 (方便复制)

Arguments:--sourcemap --target "ES5"

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

Working directory:$FileDir$

WebStorm Ts自动转Js_第3张图片

 其中,Program应该填这个(按照你的node.js安装路径来)WebStorm Ts自动转Js_第4张图片

4.编辑好之后可以自己测试一下:

新建ts后,就会生成相应的js代码。当ts更改后,js也会动态更新

你可能感兴趣的:(工具,webstorm)