在 Deno 中调试应用程序是一个常见的任务。尽管 Deno 可以通过简单的命令行调试器来实现调试任务，但是在开发应用程序时需要更高级的调试体验。
本文将向您介绍如何在 Deno 中使用 VS Code 来调试您的应用程序。这个过程可能看起来比较复杂，但是一旦设置好，将会让你的工作更加高效。
安装所需的工具
在您可以开始调试之前，您需要确保已经安装了以下工具：
- Deno
- Visual Studio Code
要检查您是否在您的计算机上安装了 Deno，请在终端或命令行提示符下输入以下命令：
deno --version
如果您已经正确安装了 Deno，那么您应该能够看到与您安装的 Deno 版本相关的输出。
此外，您还需要安装 VS Code 扩展 Deno。您可以通过访问 VS Code 扩展个市场搜索 Deno ，然后选择 Deno 扩展安装即可。
启动应用程序
在您可以开始调试之前，您需要启动您的应用程序以便可以调试它。在此示例中，我们将创建一个简单的 Deno 应用程序，它将打印出“Hello, World！”。
// hello.ts
console.log('Hello, World!');为了启动该程序，您需要在命令行提示符下运行以下命令：
deno run hello.ts
这将启动我们的应用程序并打印出 “Hello, World!”。
配置 VS Code
如果您已经按照我们的建议安装了 Deno 扩展，那么您现在应该可以在 VS Code 的侧边栏中看到一个新的图标，显示为 “Deno”。点击该图标，应该会看到一些针对 Deno 的常见任务和操作。
接下来，我们需要打开 Deno 插件的设置以配置 VS Code。您可以通过 VS Code 的菜单栏打开 “文件” > “首选项” > “设置”，然后搜索 Deno 扩展所需的设置。
您需要将以下设置复制到您的 VS Code 配置文件中：
-- -------------------- ---- ------- - -------------- ----- --------------------- ----- ---------------- ----- ------------ ----- --------------------------------------- ----- -------------------------- ----- ------------------------------------------------- ------ ----------------------------------- ----- ------------------ ------------------------------- -
这将启用一些有用的 Deno 编辑器功能，包括语法高亮，自动格式化，代码提示和错误检查。
设置断点
要在 VS Code 中设置断点，您只需单击您希望在代码中暂停执行的行号旁边的空间。当您在应用程序中运行 debugger 语句时，调试器将自动在此处设置断点。
例如，如果您想让应用程序在第二行暂停执行，您可以将断点设置在行 2 旁边的空格上。
// hello.ts
console.log('Hello, World!'); // 行 1
debugger; // 行 2调试应用程序
现在，您可以单击 VS Code 侧边栏中的“调试”选项卡来打开调试工具。单击绿色的“调试”按钮，以启动调试器并运行您的应用程序。
如果您已经正确地设置了断点，那么应用程序将在您设置断点的位置暂停。在此时，您可以使用 VS Code 中的调试工具来监视程序的状态和执行。
例如，您可以查看变量的值，或者使用调试工具向后调用或单步执行代码。这些工具将使您能够更容易地找出应用程序中的错误或行为问题。
结论
总之，您可以使用 Visual Studio Code 来调试您的 Deno 应用程序非常方便。在本文中，我们向您介绍了如何配置您的开发环境以及如何使用 VS Code 的调试功能。
我们希望这篇文章对您了解以及学习如何在 Deno 中调试您的应用程序有帮助。如果您有任何问题或需要更多的帮助，请查看 Deno 和 VS Code 的文档中心。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66ff958f1b0bf82c71cc6533