TypeScript教程（二）安装TypeScript

在前面的教程我们提到过，TypeScript最终会被编译成JavaScript来运行，所以我们需要搭建对应的环境：

TypeScript 安装教程

步骤 1：安装 Node.js

TypeScript 需要依赖于 Node.js 运行时环境。如果你尚未在你的计算机上安装 Node.js，我们可以按照下面步骤进行安装:

1. 访问 Node.js 官方网站。
2. 下载适用于你操作系统的稳定版本（LTS 版本推荐）。
3. 双击下载后的安装程序并按照提示完成安装。

步骤 2：通过 npm 全局安装 TypeScript

npm (Node Package Manager) 是随同 Node.js 一起提供的包管理工具。我们可以使用 npm 来全局安装TypeScript在我们的电脑上

1. 打开命令提示符Win+R，然后输入cmd。（Windows）

2. 运行以下命令来检查我们的Node.js 和 npm是否已经成功地安装了。

   node -v
   npm -v
   

3. 如果输出显示出对应版本号，则说明已经成功地安装了 Node.js 和 npm。

4. 运行以下命令来全局安装最新版本的 TypeScript：

   npm install -g typescript
   

步骤 3：验证 TypeScript 安装

为了确认 TypeScript 是否已经成功安装，可以运行以下命令来检查版本号：

tsc --version

如果输出显示出对应的 TypeScript 版本号，则说明已经成功地安装了 TypeScript。

步骤 4：使用 Visual Studio Code 编写和编译 TypeScript 文件（可选）

1. 打开 Visual Studio Code 并创建一个新文件，将其保存为 .ts 后缀名的文件。
2. 在该文件中输入你的 TypeScript 代码。
3. 按下 Ctrl + ~ 键（或者选择菜单栏中的 “终端” -> “运行生成任务”）打开终端并选择
4. "tsc <Ts文件名>.ts "。这样就会自动执行转换任务并生成相应 JavaScript 文件。
5. 然后就能运行在我们的浏览器上了。

当然，如果刚入门 TypeScript 的小伙伴，不行安装TypeScript，但又想体验一下TypeScript。也可以不用安装 typescript，而是直接使用线上的 TypeScript Playground 来学习新的语法或新特性。

TypeScript Playground：www.typescriptlang.org/play/

如果你觉得我们每次为了查看TypeScript代码的运行效果，都通过经过两个步骤的话就太繁琐了，也可以使用我们的使用ts-node来自动执行者两个步骤：

• 第一步：通过tsc编译TypeScript到JavaScript代码；
• 第二步：在浏览器或者Node环境下运行JavaScript代码；

安装使用ts-node

步骤 1：安装 ts-node

1. 运行以下命令来全局安装最新版本的 ts-node：

    npm install -g ts-node

步骤 2：验证 ts-node 安装

为了确认 ts-node 是否已经成功安装，可以运行以下命令来检查版本号：

ts-node --version

如果输出显示出对应的 ts-node 版本号，则说明已经成功地安装了 ts-node。

步骤 4：使用 ts-node 运行 TypeScript 文件

现在你可以使用 ts-node 命令来直接运行 TypeScript 文件。例如，假设你有一个名为 example.ts 的文件，你可以执行以下命令来运行它：

ts-node example.ts

这将会自动编译和执行该 TypeScript 文件，并输出结果到终端上。