美文网首页
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