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

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

安装 TS

script
pnpm install typescript -g

# 查看版本
tsc -v

在 webStorm 中设置 watcher

看高亮

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

各项配置如下

# Program
tsc

# Arguments - tsc 的参数
$FileName$ --outfile $FileNameWithoutExtension$.js --target esnext --allowJs

# Output paths to refresh

$FileNameWithoutExtension$.js

# Working directory

$FileDir$