随着前端技术不断发展，越来越多的人开始使用 Deno 来开发 JavaScript 应用程序。Deno 是一种新型的运行时，它是一个用 TypeScript 和 Rust 编写的 JavaScript 运行时，可用于开发服务器端应用程序和命令行工具。Deno 被广泛认为是 Node.js 的替代品，具有更安全、更快速、更简单的特点。
在 Deno 中使用代码热重载可以极大地提高我们的开发效率。本文将详细介绍如何在 Deno 中使用代码热重载。
什么是代码热重载？
代码热重载是指在开发过程中，当我们修改了代码后，应用程序会自动重新加载以显示新的更改的过程。在使用 Deno 开发应用程序时，代码热重载非常重要，因为它可以大大缩短我们的开发周期，并提高我们的生产力。
如何在 Deno 中实现代码热重载？
Deno 并没有内置实现代码热重载的功能，但是可以使用第三方库来实现这个功能。下面我们将介绍如何在 Deno 中使用 denon 库来实现代码热重载。
安装 denon
要使用 denon，我们需要首先安装它。可以使用以下命令来安装 denon：
deno install --allow-read --allow-run --allow-write -f --unstable https://deno.land/x/denon/denon.ts
安装完成后，我们就可以在命令行中使用 denon 命令。
创建 Deno 项目
接下来我们需要创建一个 Deno 项目。可以使用以下命令来创建一个简单的项目：
mkdir my-deno-project cd my-deno-project touch index.ts
创建示例代码
在 index.ts 文件中，添加以下示例代码：
function hello(name: string) {
console.log(`Hello, ${name}!`);
}
hello("Deno");启用代码热重载
在 my-deno-project 目录下，创建一个名为 denon.json 的文件，并添加以下内容：
-- -------------------- ---- -------
-
---------- -
-------- -
------ ----- --- ----------
-------- -----
------ ----
-
-
-该文件包含了一个名为 start 的脚本，它将 index.ts 文件作为入口来启动程序，并启用了 watch 和 ext 选项：
watch选项启用代码热重载功能。ext选项指定了需要监视的文件后缀名，这里我们指定为.ts。
启动项目
现在我们可以启动我们的 Deno 项目了。在命令行中，使用以下命令来启动项目：
denon start
此时控制台将显示如下内容：
Start watching ./ for file changes. Hello, Deno!
修改代码并保存
现在，我们可以在 index.ts 文件中修改代码。例如，我们将 hello 函数的参数修改为 Hello, world!：
function hello() {
console.log("Hello, world!");
}
hello();然后我们将代码保存，并等待一段时间，控制台将会显示如下内容：
File changed: /path/to/my-deno-project/index.ts Restarting due to changes... Start watching ./ for file changes. Hello, world!
我们可以看到，Deno 重新加载了 index.ts 文件，并显示了新的输出，这就是代码热重载的效果。
结论
使用 denon 可以很方便地实现代码热重载，从而提高我们的开发效率。在使用 denon 时，需要注意勿将其用于生产环境中，因为它并不是一种稳定、可靠的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671722cdad1e889fe2201ae1