webStorm 开发，配置 ts（TypeScript）的 FileWatchers

平时的 TS 文件都交给 webpack 了，写个 demo 又不想手动编译，那只能麻烦编辑器了~

安装 TS

script

npm install typescript -g

# 查看版本
tsc -v

在 webStorm 中设置 watcher

看高亮

1. 在 setting 中找到 tools/File Watchers， 点击下面的 + 按钮添加一个 watcher

2. 各项配置如下

   带 sourceMap 的

   # Program
   /usr/local/lib/node_modules/typescript/bin/tsc $FileName$ $FileNameWithoutExtension$.js --sourceMap
   
   # Arguments
   $FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map
   
   # Output paths to refresh
   
   $FileNameWithoutExtension$.js
   
   # Working directory
   
   $FileDir$

无 sourceMap

# Program
/usr/local/lib/node_modules/typescript/bin/tsc $FileName$ $FileNameWithoutExtension$.js

# Arguments
$FileNameWithoutExtension$.js

# Output paths to refresh

$FileNameWithoutExtension$.js

# Working directory

$FileDir$