迹忆客 专注技术分享

使用 ts-node 包从命令行运行 TypeScript 文件，例如 npx ts-node myDirectory/myFile.ts。 ts-node 命令会将 TypeScript 文件转换为 JavaScript 并一步运行代码。

这是我们将从命令行运行的 TypeScript 文件。

function sum(a: number, b: number) {
  console.log(`The result is: ${a + b}`);
  return a + b;
}

sum(20, 30); // 👉️ 50

该文件位于 src/index.ts，我在包含 src 目录的目录中打开了我的终端。

要运行 TypeScript 文件，我们必须使用 ts-node 包。

在要从中运行文件的目录中打开终端并指定文件的正确路径。

$ npx ts-node src/index.ts

确保指定要运行的文件的正确路径。 该文件的路径还取决于我们打开终端的位置。

如果我们尚未在计算机上安装 TypeScript，则可以通过运行以下命令来安装：

$ npm install -g typescript

# Depending on configuration, you may also need these
$ npm install -D tslib @types/node

如果在全局安装 TypeScript 时出现权限不足的错误，请在命令前加上 sudo。

$ sudo npm install -g typescript

npx ts-node myFile.ts 命令将 TypeScript 代码转换为 JavaScript 并使用 Node.js 运行代码。

我们可以通过自己运行 tsc（TypeScript 编译器）和节点命令来手动执行此操作：

$ tsc src/index.ts

$ node src/index.js

tsc myFile.ts 命令将在同一目录中生成一个同名的 .js 文件。

这是生成的 src/index.js 文件。

function sum(a, b) {
  console.log('The result is: '.concat(a + b));
  return a + b;
}

sum(20, 30); // 👉️ 50

现在我们可以用 node.js 运行这个文件了。

$ node src/index.js

这正是 ts-node 在幕后所做的，但它没有生成 JavaScript 文件。

如果我们有一个带有 tsconfig.json 文件的 TypeScript 项目，您可以在根目录（带有 tsconfig.json 的那个）中打开我们的终端并以监视模式启动 tsc。

$ tsc --watch -p .

生成的 JavaScript 文件的放置位置取决于 tsconfig.json 文件中的 outDir 选项。

例如，如果将 outDir 设置为名为 build 的目录，TypeScript 编译器将监视项目中的更改，将 .ts 文件转换为 .js 文件并将 .js 文件添加到构建目录。

我们可以使用 node myFile.js 运行任何 .js 文件，使用 npx ts-node myFile.ts 运行任何 TypeScript 文件。

请注意 ，我们在运行 ts-node 命令时使用了 npx。

npx 基本上检查包（在本例中为 ts-node）是本地安装（在 package.json 中）还是全局安装并运行它。

如果未安装该包，npx 将下载并运行该包。