typeScript的安装和配置

前言

最近这几年，ts越来越多人使用了，特别是在比较大型的项目上，使用ts的更多，它可以避免很多类型语法上的错误。ts的好处有：

• 是一个强类型语言，能够明确的知道变量的类型
• 是一个静态类型的语言，在编译期间就能够暴露错误

它和JavaScript的区别在于：

• JavaScript是一个弱类型语言，变量类型可以随时变化
• JavaScript是一个动态类型的语言，它在运行时才会暴露错误
• JavaScript不支持接口

ts的安装和配置

ts的安装

// 全局安装   
npm install -g typescript
// 创建一个项目，并生成ts的配置文件
tsc --init
//单独编译一个ts文件
tsc index.ts
//编译整个项目的ts文件（在配置文件里设置），假设在vscode里
终端-->运行任务-->监视tsconfig.json文件

ts的配置文件tsconfig.json。官方完整配置说明：www.tslang.cn/docs/handbo…

// 常用的配置
{
  "compilerOptions": {
    "target": "es5", // 编译后的js为es5语法
    "module": "commonjs", // 模块化规则
    "lib": [], // 编译js依赖的库，跟target有关联
    "sourceMap": true, //编译时是否生成map文件
    "outDir": "dist", // 编译后输出的目录
    "rootDir": "src", // 常用，编译哪个目录下的ts文件，跟下面的include二选一
  },
  "include": ["src"],// 编译哪个目录下的ts文件
  "exclude": ["node_modules"] // 使用include时，建议带上这个
}