WebStorm开发TypeScript的设置

1、安装node 

2、安装typescript (我用yarn 安装的，不是全局安装）

yarn add typescript -d

目录结构如下图

 

在目录里添加tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "noImplicitAny": false,
    "module": "amd",
    "removeComments": false,
    "sourceMap": false,
    "outDir": "js"// 添加一个空js文件夹，最终是你要生成js的目录
  },
  "exclude": [
    "node_modules"
  ]
}

我新建app.ts和test.ts文件里面随便写点代码，以及新建空js文件夹

  3、打开webstorm -> file -> settings -> Tools -> file wathers,

我是已经添加过了，初始状态里面是没有TypeScript，需要点击右边加号添加