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也可以實現；