TypeScript学习笔记之WebStorm批量编译成JS代码

相信很多学了Java然后再去写JavaScript的人会很难受，怎么一个声明好的变量可以赋上各种类型的值，有时间想定位Bug都很难受，我想知道这个变量是什么类型，然而JavaScript没有这么方便。最近由于公司用到了TypeScript，然后学习了才知道，原来已经有了解决方案。有了TypeScript，变量需要按照一定的规范去赋值，否则编译不通过，极大的方便了后期的维护管理。

如果一个个文件全部都用tsc 文件名.ts，那可太麻烦了，因此需要一个一行代码就可以全部编译的操作。

（1）使用webstorm创建项目目录下面的ts配置文件。

配置文件里面内容可以全部删除，然后自己添加内容。如代码：

{
  "include": [
    "./src*"    // 要编译的文件夹 **表示任意文件夹 *表示任何文件
  ],
  "compilerOptions": {       // 重要！！！的对象属性
    "target": "ES5",    // 编译JS代码使用的标准
    "module": "ES2015", // 模块化标准
    "outDir": "./dist", // 编译之后的文件存放目录
    "allowJs": false, // 是否对JS代码进行编译 默认false
    "checkJs": false, // 是否检查JS代码语法规范
    "removeComments": false, // 是否移除编译后的注释
    "noEmit": false, // 不生成编译文件，用于初步检查代码
    "noEmitOnError": false, // 有错误的时候不编译ts
  }
}

然后编写完代码在配置文件的父级目录下使用tsc即可按照配置文件进行编译。很多人编译不成功就是因为文件目录没理清楚，如test/tsconfig.json，那tsc命令就先cd到test，然后输入。