首页 技术 正文
技术 2022年11月19日
0 收藏 302 点赞 2,748 浏览 753 个字

目录(?)[-]

  1. 写在前面
  2. node-inspector
    1. 全局安装node-inspector
    2. 以debug模式开启express服务
    3. 启动node-inspector
    4. 调试NodeJS程序

 

写在前面

前端工程师接触最多的是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

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

启动node-inspector

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

node-inspector &
  • 1

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

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

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

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

node-inspector & -p 8888
  • 1

调试NodeJS程序

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

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

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,083
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,558
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,407
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,180
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,816
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,899