美文网首页
WebStorm配置typescript

WebStorm配置typescript

作者: Augus_Einstein | 来源:发表于2021-01-14 14:18 被阅读0次

概述见下图


详细配置

1. Alt+Shift+S open settings

step 1
Tools - File Watchers - new watcher(+)
Choose <custom>

2. New File Watcher

step 2-1
  • Name type your name
  • File type chooseTypeScript
  • Scope 为 server 路径
    • Add Scope local then type your name
      step 2-2
  • Pattern only add your server 仅自动编译 server
  • Program 为npm路径 C:\Users\Administrator\AppData\Roaming\npm\tsc
  • Arguments --sourcemap --target "ES5"
  • Output paths to refresh $FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map
  • Working directory $FileDir$
  • Advanced Options default

3. Compile Part

step 3
COMPILE
only compile your server
close auto compile
  • TypeScript type your path ~\AppData\Roaming\npm\node_modules\typescript

4. Add Configuration

Add Node.js
Working directory input your server path
Working directory
JavaScript file: input dist/app.js

相关文章

网友评论

      本文标题:WebStorm配置typescript

      本文链接:https://www.haomeiwen.com/subject/fjrvaktx.html