TypeScript的安装、使用及配置

前言

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

优点

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

安装

• 使用npm工具安装

$ npm install -g typescript
# 查看版本
$ tsc --version
# 使用
$ tsc

默认配置文件

官方文档：

• https://www.tslang.cn/docs/handbook/tsconfig-json.html
• http://json.schemastore.org/tsconfig

其它参考：

• https://www.cnblogs.com/cczlovexw/p/11527708.html

tsconfig.json（参考即可）

{
  "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也可以实现；