首页前端开发JavaScript怎么使用Node.js+DevTools快速调试应用程序?

怎么使用Node.js+DevTools快速调试应用程序?

时间2024-01-30 09:54:03发布访客分类JavaScript浏览178
导读:收集整理的这篇文章主要介绍了怎么使用Node.js+DevTools快速调试应用程序?,觉得挺不错的,现在分享给大家,也给大家做个参考。怎么加速调试 Node.js 应用程序?下面本篇文章带大家了解一下使用 DevTools 加速调试 No...
收集整理的这篇文章主要介绍了怎么使用Node.js+DevTools快速调试应用程序?,觉得挺不错的,现在分享给大家,也给大家做个参考。怎么加速调试 Node.js 应用程序?下面本篇文章带大家了解一下使用 DevTools 加速调试 Node.js 应用程序的方法,希望对大家有所帮助!

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

【推荐学习:《nodejs 教程》】

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

准备node-nightly:

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

  • 执行node-nightly:node-nightly

启动入口脚本:

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

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

  • 进入inspect:

  • 脚本处于等待状态:

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

Console中的信息也打印出来了

补充说明

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

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

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

更多编程相关知识,请访问:编程视频!!

以上就是怎么使用Node.js+DevTools快速调试应用程序?的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 深入浅析Angular中怎么使用动画下一篇:深入了解Angular中的路由如何快...猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员load

若转载请注明出处: 怎么使用Node.js+DevTools快速调试应用程序?
本文地址: https://pptw.com/jishu/592366.html
手把手教你使用Node.js进行TCP网络通信(实践) 软件的增量更新是什么?

游客 回复需填写必要信息