TS 的准备工作

在 JS 中，通常代码都需要进行到执行阶段时，才能开始对代码的语法进行验证，验证失败的代码才开始有报错提示。

TypeScript，简称 TS，是 JS 的一个超集，TS 中包含 JS 的所有特性，同时又具备自己的新特性。

一、环境搭建

浏览器是不能运行 TS 代码的，因此，我们需要将写好的 TS 代码转换成 JS 代码。

1、全局安装 TS

 npm i -g typescript

安装完成后，可以查看版本：

tsc -v

2、编写 TS 代码

let a: number = 100;
console.log(a);

3、运行 TS 代码

要运行 TS 代码，需要将 TS 转换为 JS。转换的方式有两种：

手动转换
自动转换
手动转换
在终端中定位到当前 TS 文件所在路径，然后执行以下代码运行对应的 TS 文件：

tsc 文件名
tsc 02-index.ts

运行完成后，会在同级目录中生成一个同名的 JS 文件，然后我们在 HTML 中引入转换后的 JS 代码即可。

自动转换
自动转换，可以在 TS 代码每次发生改变后，自动重新将 TS 代码转换为 JS。

在终端中定位到当前 TS 文件所在路径，然后执行以下命令：

tsc --init

该命令执行完成后，会在同级目录中生成一个 tsconfig.json 文件。

该文件是 TS 的配置文件，我们可以在里面配置 TS 转换后的 JS 版本，还可以配置 TS 转换后的 JS 文件的存储路径：

{
    "target": "es2016",  // es5  es2015  es2016
    "outDir": "./js",   
}

配置完成后，点击 VSCode 顶部菜单栏中的【终端】-【运行任务】-【typescript】-【tsc：监视 - tsconfig.json】。

监视配置成功后，后续只要我们新建 TS 文件或者修改 TS 中的代码，监视器都会自动对我们的 TS 代码进行转换。