Skip to content

TypeScript 安装

要开始使用 TypeScript,你需要安装 TypeScript 编译器(tsc)。编译器负责将 TypeScript 代码(.ts 文件)转换成浏览器或 Node.js 可以运行的 JavaScript 代码(.js 文件)。

安装 TypeScript 的最常见方式是通过 npm(Node.js 包管理器)。因此,在安装 TypeScript 之前,请确保你的系统上已经安装了 Node.js 和 npm。

1. 检查 Node.js 和 npm

打开你的终端或命令行工具,输入以下命令来检查 Node.js 和 npm 是否已安装:

bash
node -v
npm -v

如果命令返回了版本号(例如 v18.17.0),说明已经安装成功。如果提示命令未找到,你需要先访问 Node.js 官网 下载并安装它。npm 会随 Node.js 一起安装。

2. 全局安装 TypeScript

我们通常将 TypeScript 编译器进行全局安装,这样你就可以在任何项目的任何位置使用 tsc 命令。

在终端中运行以下命令:

bash
npm install -g typescript
  • npm install 是安装命令。
  • -g 标志表示“全局”(global),意味着这个包将被安装在系统的全局目录中,而不是当前项目。
  • typescript 是我们要安装的包的名称。

安装完成后,你可以通过以下命令来验证 TypeScript 是否安装成功,并查看其版本:

bash
tsc -v

如果成功,它会输出 TypeScript 编译器的版本号,例如 Version 5.2.2

3. 编写你的第一个 TypeScript 文件

现在你已经安装了 TypeScript,可以来编写第一个 TypeScript 文件了。

  1. 创建一个新的文件夹,例如 ts-project
  2. 在文件夹中创建一个名为 hello.ts 的文件。
  3. hello.ts 文件中输入以下代码:
typescript
function greet(name: string) {
    console.log("Hello, " + name + "!");
}

greet("World");

注意,我们为 greet 函数的参数 name 指定了类型为 string

4. 编译 TypeScript 文件

现在,我们需要将 hello.ts 文件编译成 JavaScript。在终端中,确保你位于 ts-project 文件夹内,然后运行以下命令:

bash
tsc hello.ts

执行完毕后,你会发现文件夹中多了一个 hello.js 文件。查看其内容,你会发现 TypeScript 的类型注解已经被移除了:

javascript
function greet(name) {
    console.log("Hello, " + name + "!");
}
greet("World");

5. 运行 JavaScript 文件

这个生成的 hello.js 文件就是一个标准的 JavaScript 文件,你可以使用 Node.js 来运行它:

bash
node hello.js

终端会输出:

Hello, World!

恭喜你!你已经成功安装了 TypeScript,并完成了第一个程序的编译和运行。

本站内容仅供学习和研究使用。