使用 DevTools 加速调试 Node.js 应用程序

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

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

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

准备node-nightly：

1. 安装node-nightly： npm install --global node-nightly。

2. 执行node-nightly：node-nightly。

启动入口脚本：

1. 通过node-nightly执行入口脚本：node-nightly --inspect-brk ./node_modules/webpack/bin/webpack.js，脚本将在第一条语句处断开，等待操作。
2. 输入chrome://inspect打开Chrome Inspect。
3. 进入inspect：

4. 脚本处于等待状态：

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

Console中的信息也打印出来了

补充说明

1. 往往我们的webpack的配置文件会区分不同的环境进行特殊的配置，node-nightly同样允许我们在执行的命令后增加配置如：--config webpack.prod.js。
2. 调试我们的其他简单的Node单脚本将更加简单，大家可以尝试一下。
3. 如果node-nightly在运行时不正常，我们可以安装指定版本：node-nightly --version {version}或安装最新安排：node-nightly --upgrade进行尝试修复问题

---

我是小鑫同学：

• 😇熟悉：安卓开发，前端开发。
• 🤪了解：后端开发，脚本开发。
• 🧐特长：解决编码中的疑难杂症。
• 😇座右铭：积跬步以至千里，积小流以成江海。