Ts编译流程

安装

TypeScript（TS）是一种编译时的静态类型语言，是一种强类型语言。

1. 静态类型: 在TypeScript中，变量和函数的类型是在编写代码时指定的，而不是在运行时确定的。这有助于捕捉类型错误，并提供更好的代码自动补全、导航和重构支持。
2. 编译时: 浏览器和nodejs并不能直接识别TS代码，需要编译成js代码。TypeScript在编译到JavaScript之前进行类型检查。这意味着任何类型错误都会在编译时被发现，而不是在代码运行时。
3. 强类型语言: 这个术语通常用来描述那些在编译时执行严格的类型检查的语言。

建议全局安装

npm i -g typescript

安装好之后，就可以直接使用tsc来编译ts文件了

编译

我们现在可以创建一个ts文件，并将他编译成js文件，比如下面简单的代码

let str:string = "hello";

但是，就是这么简单的代码，编译之后却会报错。

不用担心，这个错误，并不是我们的错误，原因是默认情况下，TS会做出下面的几种假设：

1、假设当前环境在DOM环境中
2、如果代码中没有模块化语句，默认代码是全局执行的，所以变量就是全局变量
要最简单的解决，就是用模块化

可以加上TS的配置文件，或者tsc命令行的选项参数

tsconfig.json配置文件

官方配置文件说明地址：tsconfig.json

如果项目中指定了tsconfig.json文件，运行tsc不需要再指定文件路径地址

{
  "compilerOptions": {
    "target": "ES2017", // 编译目标版本
    "lib":["ES2017","DOM","DOM.Iterable"], // 需要引用的库
    "outDir": "./dist" // 指定输出目录，如果未指定和对应的.ts文件同目录
  },
  "include": ["src/**/*.ts"] // 指定需要编译的文件或目录
}