前言

JS是一种弱类型语言，对于代码的维护和重构是非常困难的。
TypeScript是一个编译到纯JS的有类型定义的JS超集，可以极大的提升代码的健壮性。
使用TS后，能够方便的查看函数定义、默认参数及类型、变量结构体等，同时对于IDE的参数类型提示也是非常友好的。

优点

  1. 可维护性
  2. 健壮性
  3. 其申明文件可以兼容IDE

安装

  • 使用npm工具安装
    1
    2
    3
    4
    5
    $ npm install -g typescript
    # 查看版本
    $ tsc --version
    # 使用
    $ tsc

默认配置文件

官方文档：

其它参考：

tsconfig.json（参考即可）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "sourceMap": true,
    "allowJs": true,
//    "outDir": "build",
    "moduleResolution": "node"
  },
  "exclude": [
    "node_modules"
  ],
  "include": [
    "./models/**/*",
    "./models2/*"
  ]
}

// 具体配置可参考上述链接
//files: 数组类型，用于表示由 ts 管理的文件的具体文件路径
//exclude: 数组类型，用于表示 ts 排除的文件（2.0 以上支持 Glob）
//include: 数组类型，用于表示 ts 管理的文件（2.0 以上）
//compileOnSave: 布尔类型，用于 IDE 保存时是否生成编译后的文件
//extends: 字符串类型，用于继承 ts 配置，2.1 版本后支持
//compilerOptions: 对象类型，设置编译的选项，不设置则使用默认配置，配置项比较多，后面再列
//typeAcquisition: 对象类型，设置自动引入库类型定义文件(.d.ts)相关，该对象下面有 3 个子属性分别是：
//enable: 布尔类型，是否开启自动引入库类型定义文件(.d.ts)，默认为 false
//include: 数组类型，允许自动引入的库名，如：["jquery", "lodash"]
//exculde: 数组类型，排除的库名
//如不设定 files 和 include，ts 默认是 exclude 以外的所有的以 .ts 和 .tsx 结尾的文件。如果，同时设置 files 的优先级最高，exclude 次之，include 最低。

总结

  1. 使用tsc可以添加参数，不使用配置文件；
  2. 默认配置文件放在根目录；
  3. 如果使用webstorm可以使用自带的TypeScript插件保存时自动生成，或者在File Watchers添加TypeScript也可以实现；