您现在的位置是:首页 > Javascript
当前栏目
使用 DevTools 加速调试 Node.js 应用程序
2023-02-18 16:41:30 时间
在做一些Node相关的开发的时候我们经常将、通过Console来将变量的内容输出到控制台来进行查看,简单的数据查看起来还是可以的,但当我们遇到比较大的对象,属性函数等挂载的很多有可能控制台会展示不开,甚至内容被冲掉了,严重妨碍了我们的开发效率,今天我们将通过使用node-nightly来让我们在Chrome中便捷的进行调试,查看我们的对象和输出日志。
我们通过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
进行尝试修复问题
相关文章
- 渗透测试-登陆口js前端加密绕过
- [你必须知道的JavaScript]解构赋值
- JavaScript基础
- 手写一个格式化json工具
- threejs旋转入门
- 我用nodejs实现了热加载接口文件,感觉又离“serverless”进了一步
- nodejs 解决sql注入方案
- nvm-windows管理nodejs版本神器——代理和镜像配置
- 关于node代码如何丝滑执行多条命令行这件事
- JavaMoney规范(JSR 354)与对应实现解读
- Node.js 应用全链路追踪技术——[全链路信息获取]
- api接口返回动态的json格式?我太难了,尝试一下 linq to json
- 对 JsonConvert 的认识太肤浅了,终于还是遇到了问题
- Node.js 模块化你所需要知道的事
- 初识 D3.js :打造专属可视化
- knockoutjs如何动态加载外部的file作为component中的template数据源
- NodeJs和NPM的基本操作
- 使用 System.Text.Json 时,如何处理 Dictionary 中 Key 为自定义类型的问题
- 如何使用 System.Text.Json 序列化 DateTimeOffset 为 Unix 时间戳
- javascript使用正则表达式替换或者捕获子字符串