Deno 是一个基于 TypeScript 和 V8 引擎的 JavaScript/TypeScript 运行时，它提供了一个安全的环境来运行 JavaScript 和 TypeScript 代码。Deno 的目标是成为一个更好的 Node.js，它提供了更好的开发体验和更好的安全性。
Chrome DevTools 是一款非常强大的调试工具，它可以帮助开发者在浏览器中进行 JavaScript 和 CSS 调试。在 Deno 中，我们也可以使用 Chrome DevTools 进行调试，这篇文章就来详细介绍一下如何在 Deno 中使用 Chrome DevTools 进行调试。
安装 Deno
首先，我们需要安装 Deno。在 Deno 的官网上，有安装指南和安装脚本，可以根据自己的操作系统选择合适的方式进行安装。
安装完成后，我们可以在终端中输入 deno --version 命令来检查是否安装成功。
使用 Chrome DevTools 进行调试
Deno 提供了一个 --inspect 标志来启用调试功能。我们可以在命令行中运行以下命令来启用调试：
deno run --inspect <filename>
其中 <filename> 是要调试的文件名。
运行命令后，终端会输出一个调试地址，类似于下面这样：
Debugger listening on ws://127.0.0.1:9229/ws/7f3d6d9a-1b8d-4a7a-8b81-0c4e4e4c4e4c
这个地址是 Chrome DevTools 连接 Deno 的地址。
接下来，我们可以在 Chrome 浏览器中打开 DevTools，然后点击左上角的三个点，选择 More tools -> Remote devices，在弹出的窗口中找到 Discover USB devices，然后点击 Configure。
在弹出的窗口中，我们可以添加一个新的配置，将 localhost:9229 添加到 Port forwarding 中，然后点击 Done 保存配置。
现在，我们就可以在 Chrome DevTools 中连接到 Deno 了。在弹出的窗口中，我们可以选择 Remote Target，然后点击 Connect，就可以连接到 Deno 了。
在连接成功后，我们就可以在 Chrome DevTools 中进行调试了。我们可以在 Sources 面板中找到要调试的文件，并在代码中设置断点，然后运行代码，就可以在断点处停下来并进行调试了。
示例代码
下面是一个简单的示例代码，我们可以使用 Chrome DevTools 进行调试：
function add(a: number, b: number) {
return a + b;
}
const result = add(1, 2);
console.log(result);我们可以将这段代码保存为 app.ts 文件，然后使用以下命令来启动调试：
deno run --inspect app.ts
然后，我们就可以在 Chrome DevTools 中进行调试了。
总结
使用 Chrome DevTools 进行调试是非常方便的，它可以帮助我们快速定位代码中的问题，并进行调试。在 Deno 中，我们也可以使用 Chrome DevTools 进行调试，只需要在命令行中添加 --inspect 标志即可。希望这篇文章对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657ed524d2f5e1655d9b662a