avatar

webStorm 开发,配置 ts(TypeScript)的 FileWatchers

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

安装 TS

script
npm install typescript -g

# 查看版本
tsc -v

webStorm 中设置 watcher

看高亮

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

  1. 各项配置如下

    带 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$
文章作者: kshao
文章链接: https://ksh7.com/2020/05/28/webStorm-typeScript/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 kshao-blog
打赏
  • 微信
    微信
  • 支付寶
    支付寶

评论