如何安装 TypeScript 分步指南

TypeScript 是一种流行的编程语言，它通过添加静态类型来构建 JavaScript。安装 TypeScript 是一个简单的过程，本指南将引导您完成在您的机器上设置它的步骤。

先决条件

在安装 TypeScript 之前，请确保已安装 Node.js 和 npm（Node 包管理器）。Node.js 提供执行 JavaScript 和 TypeScript 的运行时环境，而 npm 用于管理包和依赖项。

• 下载并安装包含 npm 的 Node.js。
• 通过在终端中运行以下命令来验证安装：

node -v
npm -v

如果这些命令返回版本号，则表示您已准备好安装 TypeScript。

安装 TypeScript

TypeScript 可以安装在你的系统全局或特定项目本地。我们将介绍这两种方法：

全局安装

全局安装 TypeScript 允许您在系统的任何位置使用 TypeScript 编译器（“tsc”）。

1. 打开您的终端或命令提示符。
2. 运行以下命令全局安装 TypeScript：

npm install -g typescript

此命令将全局下载并安装 TypeScript 包。您可以通过检查 TypeScript 版本来验证安装：

tsc -v

本地安装

对于特定于项目的设置，建议在本地安装 TypeScript。这样，不同的项目可以使用不同版本的 TypeScript。

1. 使用终端导航到您的项目目录：

cd path/to/your/project

2. 运行以下命令在本地安装 TypeScript：

npm install typescript --save-dev

安装后，您可以通过将其添加到项目脚本中或直接使用“npx”命令运行 TypeScript 编译器来使用 TypeScript。

npx tsc -v

配置 TypeScript

TypeScript 需要一个配置文件（`tsconfig.json`）来指定编译器选项和项目设置。您可以手动创建此文件，也可以使用 TypeScript CLI 生成它。

1. 要生成默认的“tsconfig.json”文件，请运行：

npx tsc --init

此命令会使用默认设置在您的项目目录中创建一个 `tsconfig.json` 文件。您可以修改此文件以根据项目需求自定义编译器选项。

验证安装

为了确保正确安装 TypeScript，请创建一个简单的 TypeScript 文件并进行编译：

1. 创建一个名为“hello.ts”的新TypeScript文件，内容如下：

let message: string = "Hello, TypeScript!";
console.log(message);

2. 使用 TypeScript 编译器将 TypeScript 文件编译为 JavaScript：

npx tsc hello.ts

这将在同一目录中生成一个 `hello.js` 文件。使用 Node.js 运行编译后的 JavaScript 文件：

node hello.js

您应该会看到控制台上打印“Hello, TypeScript!”。

结论

安装 TypeScript 是一个简单的过程，包括设置 Node.js、全局或本地安装 TypeScript 以及配置项目。按照这些步骤，您将启动并运行 TypeScript，并准备好使用静态类型和高级功能增强您的开发体验。