【技巧】断点调试你的express项目

 

写在前面

前端工程师接触最多的是JavaScript,JavaScript程序可以通过浏览器进行调试,比如chrome的调试工具、Firefox的FireBug等。现在大前端趋势下前端工程师开始接触NodeJS这个JavaScript的孪生兄弟,俗话说殊途同归,NodeJS当然也可以通过chrome的调试工具进行断点调试。这篇文章着重介绍一下这个技术。

node-inspector

全局安装node-inspector

执行这一步之前请确保已成功安装NodeJS环境,然后执行如下代码安装 node-inspector模块。

npm install -g node-inspector
  • 1

以debug模式开启express服务

我的Node项目习惯用express搭建,然后用supervisor自动监听改动并重启服务。如果对这个模式不太了解,请用力戳 这里 。

supervisor --debug ./bin/www 
  • 1

这里写图片描述

启动node-inspector

接着再打开一个命令窗口,执行下面的命令

node-inspector &
  • 1

这里写图片描述

这样 node-inspector服务就启动了,打开chrome浏览器(或者chrome内核的浏览器),输入

http://localhost:8080/?ws=localhost:8080&port=5858
  • 1

注意 如果不想默认监听8080端口,可以手动设置端口号,比如

node-inspector & -p 8888
  • 1

调试NodeJS程序

接下来我们就可以 在chrome里 像之前调试 JavaScript一样 调试我们的NodeJS程序了

这里写图片描述

转载于:https://www.cnblogs.com/benpaodexiaopangzi/p/5863586.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值