我是靠谱客的博主 糟糕野狼,最近开发中收集的这篇文章主要介绍调试 NodeJs 代码的方法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

2016年,Node 决定将 Chrome 浏览器的”开发者工具”作为官方的调试工具,使得 Node 脚本也可以使用图形界面调试,这大大方便了开发者。

为什么不用 console.log 调试呢?

你需要不断地停下来打 console.log,耗时耗力,最后代码里面全都是 console.log

Using console.log to debug your code generally dives you into an infinite loop of “stopping your app, adding a console.log, and start your app again” operations. Besides slowing down the development of your app, it also makes your writing dirty and creates unnecessary code.

阮一峰这篇博客详细介绍了如何使用 Chrome 浏览器调试 js 代码。

在 Mac 上,除非迫不得已,我是不太喜欢用 chrome,因为它实在是太耗电了。

另一种方法是使用 VS Code,方便快捷。看了阮老师博客下面的评论,都是推荐使用 VS Code 的,可见它的好用。

使用 VS Code 调试和 Chrome 调试的原理都是一样的,都是运行:node --inspect-brk 。不管熟悉了哪一种,再用起另一种也很方便。

使用 VS Code 调试的快捷键:

⇧⌘D 进入 debug 页面

F5 开始/继续

F10 步进

F11 进入方法

⇧ + F11 跳出方法

⇧⌘F5 重启

⇧F5 停止

⌃F5 Run mode

VS Code 可以使用配置文件 launch.json 对项目进行设置,默认是保存在当前项目的 .vscode 文件夹里面。

创建 launch.json 文件的方法很简单,使用 VS Code 打开项目文件夹,然后在调试视图里点击下面的按钮。
这里写图片描述

不打开文件夹也可以调试,但是无法使用 launch.json 配置文件,此时状态栏是紫色的。
这里写图片描述

使用 VS Code 打开项目文件夹,此时可以配置 launch.json 文件,状态栏是蓝色的。

这里写图片描述

进入调试模式,状态栏是橙色的。
这里写图片描述

不同的项目,launch.json 可用的配置也不一样,可以用 ⌃Space 打开智能提示查看。右下角的 Add Configuration 可以快速添加配置。

这里写图片描述

整体来说,我还是喜欢用 VS Code。界面美观,占用内存少,调试方便,而且也是一款经常使用的编辑器。

参考链接:

  1. https://code.visualstudio.com/docs/editor/debugging
  2. https://code.visualstudio.com/docs/nodejs/nodejs-debugging

最后

以上就是糟糕野狼为你收集整理的调试 NodeJs 代码的方法的全部内容,希望文章能够帮你解决调试 NodeJs 代码的方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(50)

评论列表共有 0 条评论

立即
投稿
返回
顶部