1.6 如何使用命令行执行 TypeScript 文件
TypeScript 是 JavaScript 的一个静态类型超集,支持可选的类型注解,并最终编译为标准 JavaScript。它的类型系统能帮助开发者在开发阶段提前发现错误,从而提高代码的可维护性与可靠性。
在本文中,我们将介绍如何使用命令行工具来编译并执行一个 TypeScript 文件,涵盖多种方式,适用于初学者快速上手。
环境准备
1. 检查 Node.js 是否已安装
TypeScript 的编译和运行依赖 Node.js。打开终端或命令行,输入以下命令:
node -v
如果返回版本号,说明已安装成功。如果没有,请先前往 Node.js官网 安装。
2. 全局安装 TypeScript 编译器
npm install -g typescript
安装完成后,使用以下命令验证是否成功:
tsc -v
编写你的第一个 TypeScript 文件
创建一个名为 greet.ts
的文件,内容如下:
let greet: string = "Greetings";
let name: string = "Jack";
console.log(greet + " from " + name);
方法一:先编译再执行
这是最基础的做法,分两步进行:
步骤 1:使用 tsc
编译 TypeScript 文件
tsc greet.ts
该命令会生成一个同名的 JavaScript 文件 greet.js
。
步骤 2:使用 Node.js 执行生成的 JavaScript 文件
node greet.js
输出:
Greetings from Jack
方法二:合并为一行命令执行
可以通过命令连接符一次性完成编译和执行:
Windows 系统:
tsc greet.ts | node greet.js
macOS / Linux 系统:
tsc greet.ts && node greet.js
方法三:使用 ts-node 实现一步运行
如果你希望跳过编译这一步,直接执行 .ts
文件,可以安装 ts-node
:
安装 ts-node(会自动安装 TypeScript 依赖)
npm install -g ts-node
直接运行 TypeScript 文件
ts-node greet.ts
输出同样为:
Greetings from Jack
总结
方法 | 命令 | 特点 |
方法一 |
+ | 编译+运行,流程清晰 |
方法二 |
| 一行命令合并操作 |
方法三 |
| 直接运行 TypeScript,适合开发阶段 |
通过上述方法,你可以轻松地在命令行中运行 TypeScript 项目,并选择最适合你开发习惯的方式。如果你是初学者,推荐从方法一入手,逐步理解 TypeScript 编译过程。
——未完待续——