以 npx 运行 ts 文件 - TypeScript

TypeScript 是 JavaScript 的超集，它为开发者提供了更严格的语法约束，使得代码更易于维护和调试。但是，在运行 TypeScript 代码之前，我们必须先将 TypeScript 文件编译成 JavaScript 文件。

在编译 TypeScript 文件之后，我们通常会使用 node 命令来运行相应的 JavaScript 文件。但是，每次都要手动编译 TypeScript 文件并运行 JavaScript 文件是非常繁琐的。

幸运的是，我们可以使用 npx 命令来直接在终端中运行 TypeScript 文件，而不需要手动编译成 JavaScript 文件。

使用 npx 运行 TypeScript 文件的步骤

以下是使用 npx 运行 TypeScript 文件的步骤：

1. 确保已经全局安装 TypeScript。

   在终端中启动以下命令：

   npm install -g typescript
   

2. 创建 TypeScript 文件。

   创建一个 .ts 后缀的 TypeScript 文件，例如 app.ts。

3. 编写 TypeScript 代码。

   在创建的 TypeScript 文件中编写代码。假设我们编写了以下代码：

   const greeting: string = "Hello, world!";
   console.log(greeting);
   

4. 使用 TypeScript 编译器将 TypeScript 文件编译成 JavaScript 文件。

   在终端中启动以下命令：

   tsc app.ts
   

   执行此命令后，TypeScript 编译器会将 app.ts 文件编译成 app.js 文件。

5. 使用 npx 命令运行编译后的 JavaScript 文件。

   在终端中启动以下命令：

   npx node app.js
   

   执行此命令后，Node.js 运行时会执行 app.js 文件，并输出以下内容：

   Hello, world!
   

更便捷的方法

以上步骤虽然能够实现使用 npx 运行 TypeScript 文件，但是每次都需要手动编译 TypeScript 文件并运行 JavaScript 文件。如果你想要更便捷的方式，可以使用 ts-node 工具。

ts-node 是一个 Node.js 的 TypeScript 解释器，它在运行时动态编译 TypeScript 代码，因此不需要手动编译 TypeScript 文件。以下是使用 ts-node 工具运行 TypeScript 文件的步骤：

1. 确保已经全局安装 ts-node 模块。

   在终端中启动以下命令：

   npm install -g ts-node
   

2. 创建 TypeScript 文件。

   创建一个 .ts 后缀的 TypeScript 文件，例如 app.ts。

3. 编写 TypeScript 代码。

   在创建的 TypeScript 文件中编写代码。假设我们编写了以下代码：

   const greeting: string = "Hello, world!";
   console.log(greeting);
   

4. 使用 ts-node 命令运行 TypeScript 文件。

   在终端中启动以下命令：

   ts-node app.ts
   

   执行此命令后，ts-node 工具会在运行时动态编译 app.ts 文件，并直接运行编译后的代码。Node.js 运行时会执行以下内容：

   Hello, world!
   

以上就是使用 npx 和 ts-node 命令运行 TypeScript 文件的步骤。你现在可以更轻松地在终端中运行 TypeScript 代码了。