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 是否已安装:
node -v
npm -v如果命令返回了版本号(例如 v18.17.0),说明已经安装成功。如果提示命令未找到,你需要先访问 Node.js 官网 下载并安装它。npm 会随 Node.js 一起安装。
2. 全局安装 TypeScript
我们通常将 TypeScript 编译器进行全局安装,这样你就可以在任何项目的任何位置使用 tsc 命令。
在终端中运行以下命令:
npm install -g typescriptnpm install是安装命令。-g标志表示“全局”(global),意味着这个包将被安装在系统的全局目录中,而不是当前项目。typescript是我们要安装的包的名称。
安装完成后,你可以通过以下命令来验证 TypeScript 是否安装成功,并查看其版本:
tsc -v如果成功,它会输出 TypeScript 编译器的版本号,例如 Version 5.2.2。
3. 编写你的第一个 TypeScript 文件
现在你已经安装了 TypeScript,可以来编写第一个 TypeScript 文件了。
- 创建一个新的文件夹,例如
ts-project。 - 在文件夹中创建一个名为
hello.ts的文件。 - 在
hello.ts文件中输入以下代码:
function greet(name: string) {
console.log("Hello, " + name + "!");
}
greet("World");注意,我们为 greet 函数的参数 name 指定了类型为 string。
4. 编译 TypeScript 文件
现在,我们需要将 hello.ts 文件编译成 JavaScript。在终端中,确保你位于 ts-project 文件夹内,然后运行以下命令:
tsc hello.ts执行完毕后,你会发现文件夹中多了一个 hello.js 文件。查看其内容,你会发现 TypeScript 的类型注解已经被移除了:
function greet(name) {
console.log("Hello, " + name + "!");
}
greet("World");5. 运行 JavaScript 文件
这个生成的 hello.js 文件就是一个标准的 JavaScript 文件,你可以使用 Node.js 来运行它:
node hello.js终端会输出:
Hello, World!恭喜你!你已经成功安装了 TypeScript,并完成了第一个程序的编译和运行。