温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何使用Node.js+DevTools快速调试应用程序

发布时间:2021-09-26 10:38:10 来源:亿速云 阅读:119 作者:小新 栏目:web开发

这篇文章将为大家详细讲解有关如何使用Node.js+DevTools快速调试应用程序,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

在做一些Node相关的开发的时候我们经常将、通过Console来将变量的内容输出到控制台来进行查看,简单的数据查看起来还是可以的,但当我们遇到比较大的对象,属性函数等挂载的很多有可能控制台会展示不开,甚至内容被冲掉了,严重妨碍了我们的开发效率,今天我们将通过使用node-nightly来让我们在Chrome中便捷的进行调试,查看我们的对象和输出日志。


我们通过webpack的一个简单演示插件来看一下效果

准备node-nightly:

  • 安装node-nightly: npm install --global node-nightly

如何使用Node.js+DevTools快速调试应用程序

  • 执行node-nightly:node-nightly

如何使用Node.js+DevTools快速调试应用程序

启动入口脚本:

  • 通过node-nightly执行入口脚本:node-nightly --inspect-brk ./node_modules/webpack/bin/webpack.js,脚本将在第一条语句处断开,等待操作。

  • 输入chrome://inspect打开Chrome Inspect。

  • 进入inspect:

如何使用Node.js+DevTools快速调试应用程序

  • 脚本处于等待状态:

如何使用Node.js+DevTools快速调试应用程序

  • source中添加当前node项目的工作空间,后续我们就可以按原来在chrome中调试JavaScript一样来操作了。

如何使用Node.js+DevTools快速调试应用程序

如何使用Node.js+DevTools快速调试应用程序

Console中的信息也打印出来了

如何使用Node.js+DevTools快速调试应用程序

补充说明

  • 往往我们的webpack的配置文件会区分不同的环境进行特殊的配置,node-nightly同样允许我们在执行的命令后增加配置如:--config webpack.prod.js

  • 调试我们的其他简单的Node单脚本将更加简单,大家可以尝试一下。

  • 如果node-nightly在运行时不正常,我们可以安装指定版本:node-nightly --version {version}或安装最新安排:node-nightly --upgrade进行尝试修复问题

关于“如何使用Node.js+DevTools快速调试应用程序”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI