作为一名前端开发人员,调试代码是非常重要的一项技能。在 Deno 中进行 Debug 调试,比起其他的调试方式,更为简单高效。本文就将教你如何在 Deno 中进行 Debug 调试,帮助你更好地解决开发中的问题。
环境搭建
首先,你需要安装 Deno 运行环境,可以到 Deno 的官网 https://deno.land/ 下载并安装。安装完成后,在终端中输入 deno --version
以验证是否安装成功。
安装完成后,我们就可以进行调试了。
如何进行调试
在 Deno 中,可以通过在代码中添加 debugger
关键字实现断点调试。下面我们来看一个示例:
function sayHello(name: string) { console.log(`hello ${name}!`); } sayHello('John'); debugger; sayHello('Tom');
在该示例中,我们首先定义了一个 sayHello
函数,并传入一个参数 name
。在函数中,我们将 name
参数与字符串 Hello
进行拼接,并通过 console.log()
打印出来。然后我们在 debugger
处打上断点,并在传入参数为 Tom
的情况下再次调用 sayHello
函数。
接下来,在终端中输入以下命令启动一个调试服务器:
deno debug index.ts
其中 index.ts
为我们的代码文件。当我们运行上述命令时,会输出类似下面的信息:
其中 Debugger listening on
表示调试服务器已经启动,可以通过 Chrome 浏览器连接,并 Debugger attached
则表示调试客户端已经连接成功。
接下来我们需要打开 Chrome 浏览器,并在地址栏中输入 chrome://inspect/#devices
。在该页面中,点击 Open dedicated DevTools for Node
按钮,然后再点击 Add connection
。在弹出的窗口中输入 localhost:9229
,然后点击 Add Connection
。
连接成功后,我们即可在浏览器中查看调试信息了。接下来我们便可以进行调试了。
总结
Deno 是一个快速、安全且易于使用的 JavaScript 和 TypeScript 运行时,具有 Debug 过程简单、高效的特点。在本文中,我们介绍了如何在 Deno 中进行 Debug 调试。希望在 Deno 开发中我们可以更好地解决问题。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/664c7b7ad3423812e4b50e04