3 TypeScript简介 🚀之如何安装TypeScript

在上一章节中，我们讨论了 TypeScript 相对于 JavaScript 的优势，包括强类型检查、面向对象编程支持以及更好的开发工具集成等。现在，了解这些优势后，我们就需要将 TypeScript 应用到我们的开发中。首先，我们需要安装 TypeScript。

安装 TypeScript

TypeScript 是一个开放源代码的语言，它可以通过多种方式进行安装。以下是在不同环境中最常用的安装方法。

1. 使用 npm 安装

如果你已经安装了 Node.js 和 npm（Node.js 的包管理工具），你可以简单地通过以下命令来安装 TypeScript：

npm install -g typescript

在这里，-g 是全局安装的标志，表示你可以在任何地方的命令行中使用 TypeScript。

检查安装是否成功

安装完成后，你可以通过以下命令来检查 TypeScript 是否安装成功以及查看版本号：

tsc -v

如果你看到类似 Version 4.x.x 的输出，这表示 TypeScript 已成功安装。

2. 使用 Yarn 安装

如果你喜欢使用 Yarn 作为包管理工具，你可以运行以下命令：

yarn global add typescript

同样，你可以通过 $ tsc -v$ 命令来检查是否安装成功。

3. 在项目中安装 TypeScript

如果你只想在特定项目中使用 TypeScript，而不想全局安装，你可以在你的项目文件夹中运行以下命令：

npm install --save-dev typescript

这将 TypeScript 添加到项目的开发依赖中。之后你仍然可以通过命令行内部的 node_modules/.bin/tsc -v 来查看版本。

创建 TypeScript 配置文件

安装完成后，我们需要一个配置文件来定义 TypeScript 如何编译程序。你可以通过以下命令快速生成一个默认的配置文件 tsconfig.json：

tsc --init

这将在你的项目根目录下创建一个名为 tsconfig.json 的文件。下面是一个简单 tsconfig.json 的示例：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

在这个文件中，我们设置了编译选项，例如：

• target: 指定编译后的 JavaScript 版本，这里我们选择了 es5。
• module: 设置模块系统，这里设置为 commonjs。
• strict: 启用所有严格类型检查选项。

总结

通过以上步骤，我们成功地安装了 TypeScript，并配置了必要的文件。这将帮助我们在接下来的章节中编写和编译第一个 TypeScript 程序。在下一章节中，我们将具体探讨如何编写你的第一个 TypeScript 程序，并展示如何将 TypeScript 编译为 JavaScript。因此，安装和配置是我们运用 TypeScript 编程的第一步。接下来，让我们动手，编写第一个 TypeScript 程序吧！