携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第29天，点击查看活动详情
前言
大家好呀，我是L同学。在上篇文章TypeScript学习笔记（一）中，我们学习了TypeScript的相关知识点，包括TypeScript是什么、TypeScript 相比 JS 的优势等相关知识点。在本篇文章中，我们将学习TypeScript的相关知识点，包括如何安装编译 TS 的工具包、编译并运行 TS 代码、简化运行 TS 的步骤、类型注解等内容。
安装编译 TS 的工具包
在node或浏览器环境中，只认识 JS 代码，不认识 TS 代码。所以需要先将 TS 代码转化为 JS 代码，然后才能运行。我们需要安装编译 TS 的工具包。
安装命令：npm i -g typescript 或者 yarn global add typescript。
typescript 包是用来编译 TS 代码的包，提供了 tsc 命令，实现了 TS -> JS 的转化。安装完之后，可以通过tsc –v命令查看 typescript 的版本，验证是否安装成功。
编译并运行 TS 代码
我们来学习下typescript的运行步骤：1 创建 ts 文件 ===> 2 编译 TS ===> 3 执行 JS
- 创建 hello.ts 文件（注意：TS 文件的后缀名为
.ts） - 将 TS 编译为 JS：在终端中输入命令，
tsc hello.ts（此时，在同级目录中会出现一个同名的 JS 文件） - 执行 JS 代码：在终端中输入命令，
node hello.js
所有合法的 JS 代码都是 TS 代码，有 JS 基础只需要学习 TS 的类型即可。注意：由 TS 编译生成的 JS 文件，代码中就没有类型信息了。
简化运行 TS 的步骤
每次修改代码后，都要重复执行两个命令，才能运行 TS 代码，太繁琐。有一种简化方式是使用 ts-node 包，直接在 Node.js 中执行 TS 代码。
安装命令：npm i -g ts-node
ts-node 包提供了 ts-node 命令。
使用方式：ts-node hello.ts 相当于：1 tsc 命令 2 node（注意：ts-node 不会生成 js 文件）。
ts-node 命令在内部将 TS 装换成了JS，然后，再运行 JS 代码。
类型注解
TypeScript 是 JS 的超集，TS 提供了 JS 的所有功能，并且额外的增加了：类型系统。所有的 JS 代码都是 TS 代码。JS 有类型（比如，number/string 等），但是 JS 不会检查变量的类型是否发生变化，而 TS 会检查。
TypeScript 类型系统的主要优势在于可以显示标记出代码中的意外行为，从而降低了发生错误的可能性。
let age = 18
let age: number = 18
代码中的 : number 就是类型注解。作用是为变量添加类型约束。比如，上述代码中，约定变量 age 的类型为 number 类型。约定了什么类型，就只能给变量赋值该类型的值，否则，就会报错。约定了类型之后，代码的提示就会非常的清晰。
