调试 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 打开项目文件夹,然后在调试视图里点击下面的按钮。

vs-launch-configuration.png

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

vs-purple.png

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

vs-blue.png

进入调试模式,状态栏是橙色的。


vs-orange.png

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

这里写图片描述

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

参考链接:

  1. https://code.visualstudio.com/docs/editor/debugging
  2. https://code.visualstudio.com/docs/nodejs/nodejs-debugging
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 之前在mac下安装 但是线上版本基本是使用linux系统的,对linux系统不熟的话后面还是会有一些麻烦,所以这...
    简单coder阅读 3,523评论 0 1
  • What is Spring Boot Spring Boot makes it easy to create s...
    Steven6977阅读 1,482评论 1 0
  • //引入angular.js <my-tab my-data="arr" ny-fn="fn(num)" my...
    你换一个昵称吧阅读 942评论 0 2
  • 18年考研,距离上目标院校差几分,幸运的是还有调剂的机会,还有第二次选择与被选择的权利。可是调剂却也艰难,各种条件...
    花简娥阅读 1,534评论 0 0