学习node-inspector的调试技巧
2015-12-04 09:23
375 查看
新的公司是从事外贸行业,目前决定开发一款商城购物的APP,初步采用NodeJs这门技术,作为一名前端,我理所当然地接受了这个挑战,准备步入全栈开发模式。虽然我以前也做过类似的全栈开发工作,即前端+.net全栈,但是对于这次采用一种新的技术做后台,还是相当兴奋的。
不说废话了,学习一门语言,我觉得调试很重要,但是因为用惯了VS与CHROME等可视化开发工具,对Node自带的命令行调试感到相当困惑,幸运的是,目前NODE有了node-inspector这个调试神 器,使我可以用类chrome开发者工具调试应用。
首先,npm安装node-inspector。
![](http://blog.csdn.net/liujunchao123/article/details/file:/C:\Users\Administrator\AppData\Roaming\Tencent\Users\3270562659\QQ\WinTemp\RichOle\M@W28BQ8S]%VPI[Q6HJ416M.png)
![](http://blog.csdn.net/liujunchao123/article/details/file:/C:\Users\Administrator\AppData\Roaming\Tencent\Users\3270562659\QQ\WinTemp\RichOle\M@W28BQ8S]%VPI[Q6HJ416M.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/26/e8ec8a5d79a44572a159e4835e5bf92f)
然后,打开一个cmd,启动node-inspector服务,命令行 node-inspector --web-port=8888,此处指定了端口,然后根据提示的URL打开调试窗口。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/26/3f490c30bbd6e252ef21330affa6ac30)
注意,不要关闭这个CMD,关闭了node-inspector的服务就会停止。在浏览器上键入 http://127.0.0.1:8080/?ws=127.0.0.1:8080&port=5858,会得到如下界面。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/26/7c93f26a290893a084ca1d0809c8432b)
Nice,这样就可以看到调试器的GUI界面,是不是有种很熟悉的感觉,我们可以像使用chrome开发者工具那样设置断点,添加监视,接下来编写测试代码,如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/26/fd5b777509b70e03944b3f19cf3fa59e)
每隔10秒打印信息,让我们调试运行tester.js,在cmd中运行node --debug tester.js,如下图所示。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/26/19ab30457e16a37cea22307f7ee84f55)
刷新一下调试器窗口,过了大概十几秒的时间(不知道为什么会这么慢,有没有优化的方法呢?),会看到node-inspector加载出该JS,然后就可以开始我们的调试之旅了。
最终效果如下:
不说废话了,学习一门语言,我觉得调试很重要,但是因为用惯了VS与CHROME等可视化开发工具,对Node自带的命令行调试感到相当困惑,幸运的是,目前NODE有了node-inspector这个调试神 器,使我可以用类chrome开发者工具调试应用。
首先,npm安装node-inspector。
![](http://blog.csdn.net/liujunchao123/article/details/file:/C:\Users\Administrator\AppData\Roaming\Tencent\Users\3270562659\QQ\WinTemp\RichOle\M@W28BQ8S]%VPI[Q6HJ416M.png)
![](http://blog.csdn.net/liujunchao123/article/details/file:/C:\Users\Administrator\AppData\Roaming\Tencent\Users\3270562659\QQ\WinTemp\RichOle\M@W28BQ8S]%VPI[Q6HJ416M.png)
然后,打开一个cmd,启动node-inspector服务,命令行 node-inspector --web-port=8888,此处指定了端口,然后根据提示的URL打开调试窗口。
注意,不要关闭这个CMD,关闭了node-inspector的服务就会停止。在浏览器上键入 http://127.0.0.1:8080/?ws=127.0.0.1:8080&port=5858,会得到如下界面。
Nice,这样就可以看到调试器的GUI界面,是不是有种很熟悉的感觉,我们可以像使用chrome开发者工具那样设置断点,添加监视,接下来编写测试代码,如下:
每隔10秒打印信息,让我们调试运行tester.js,在cmd中运行node --debug tester.js,如下图所示。
刷新一下调试器窗口,过了大概十几秒的时间(不知道为什么会这么慢,有没有优化的方法呢?),会看到node-inspector加载出该JS,然后就可以开始我们的调试之旅了。
最终效果如下:
相关文章推荐
- 自动检测代码变化并重启nodejs工具使用对比
- leetcode -- Remove Nth Node From End of List -- 简单重点
- vs code和node的相关使用 一一 bower 管理文件
- name node in safe mode
- (一)、NodeJS (转载)
- [Leetcode] Reverse Nodes in k-Group
- nodejs杂谈二:jshint
- monodevelop 突然莫名其妙的将 warning 全部标记为 error
- Remove Nth Node From End of List 从链表中删除倒数第N的节点
- Node.js 安装配置
- nodejs+express+jade创建新文件
- nodejs笔记杂谈
- Node.js 学习一(Node.js 安装)
- 开发日记——LastWord
- nodejs事件循环
- Node.js REPL(交互式解释器) Node.js 回调函数
- Zookeeper管理工具node-zk-browser
- How do I get started with Node.js
- Node.js 环境配置记录
- Notepad++ 配置 Node.js 开发环境