webstorm 自动编译ts

Posted MvloveYouForever

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webstorm 自动编译ts相关的知识,希望对你有一定的参考价值。

 

1、在目录根目录添加tsconfig.json

  

{
  "compileOnSave": false,
  "compilerOptions": {
    // 文件目录
    "baseUrl": "./",
    // 输出目录,貌似不能和输入目录相同 555
    "outDir": "./js",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

2、配置 file watch

  

 

  

 

以上是关于webstorm 自动编译ts的主要内容,如果未能解决你的问题,请参考以下文章

webstorm代码片段的创建

typescript的入门

如何配置 IntelliJ / WebStorm 在 *.TS、*.JS 文件中的代码完成中使用单引号

TS1109,WebStorm 对可选链接的反应不正确

webstorm修改文件,webpack-dev-server不会自动编译刷新

webstorm修改文件,webpack-dev-server及roadhog不会自动编译刷新