当 TypeScript 中的文件更改时观察并重新加载 Ts-Node

本教程将演示如何在 TypeScript 文件使用 nodemon 更改时监视和重新加载 ts-node

在 TypeScript 中使用 nodemon 观察和重新加载 ts-node 并转译文件

nodemon 会在文件更改时自动重启节点应用程序,并帮助开发基于 Node.js 的应用程序。它不会对代码或开发方法进行任何额外的更改。

让我们举一个使用 TypeScript 设置 Express.js 项目的简短描述性示例,并学习如何在 nodemon 的帮助下观察和重新加载文件时的变化。

首先,在空文件中,创建 package.json 文件,该文件将包含应用程序在整个开发过程中使用的其他依赖项。

npm init -y

输出:

当 TypeScript 中的文件更改时观察并重新加载 Ts-Node

-y 标志自行填写必填字段,而不要求你填写。初始化 package.json 文件后,通过运行以下命令配置 TypeScript:

npm install --save-dev typescript

输出:

当 TypeScript 中的文件更改时观察并重新加载 Ts-Node

在项目中初始化 TypeScript 后,我​​们使用 TypeScript 定义设置 Express.js。我们使用以下命令:

npm i -D @type/express

输出:

当 TypeScript 中的文件更改时观察并重新加载 Ts-Node

一切都设置好后,我们可以将 nodemon 全局安装到我们的系统路径。

npm install -g nodemon

下面的命令将安装 nodemon 作为开发依赖项。

npm install --save-dev nodemon

或者,我们可以使用以下命令将 nodemon 本地安装到我们的项目中。

npm i -D nodemon

当 TypeScript 中的文件更改时观察并重新加载 Ts-Node

要使用 nodemon 运行应用程序,请将此行添加到 "scripts" 中的 package.json 文件中,并将 app.ts 替换为项目的主文件。

当 TypeScript 中的文件更改时观察并重新加载 Ts-Node

要使用 nodemon 启动应用程序,请运行此命令以自动重新加载 TypeScript 文件更改。

npm run serve

ts-node 将通过下面的示例代码由 nodemon 启动和监视。

import express from 'express';
const app = express();
const port = 3000;
app.listen(port, () => {
    console.log(`Timezones by location application is running on port ${port} Welcome.`);
});

输出:

当 TypeScript 中的文件更改时观察并重新加载 Ts-Node