DoraCMS

您现在的位置是:首页>文档内容页

文档详情

前端神器webstorm之NodeJS调试

doramart 2015-11-24 15:26:42 软件推荐234287
写了这么久的NodeJs,不得不弱弱的说一句,一直没用过调试。不是不想用,只是webstorm上一直配不正确,可能当时折腾了一下没搞成功,后面就懒得弄了。今天心血来潮装了个 visual studio code

写了这么久的NodeJs,不得不弱弱的说一句,一直没用过调试。不是不想用,只是webstorm上一直配不正确,可能当时折腾了一下没搞成功,后面就懒得弄了。今天心血来潮装了个 visual studio code ,貌似挺火的,最近也开源了,根据前端桑大的入门文档 visual studio code 尝试了一下,某些方面确实很不错,我试用了一下,确实速度很快,分屏模式很新颖,第一次成功调试了nodejs,有点小兴奋,但是有些地方还是有些不适应,比如目前html文件可以试用zend coding,如果在ejs下就没用了,不知道是不是哪里需要配置什么,当然,visual studio code根据个人需求很多地方是需要在配置文件里配的,类似sublime,对于我这种懒人确实麻烦了。于是果断用回了之前的webstorm,然后重新升级到了webstorm11,这里给一个破解方法:

1、下载破解文件 webstorm11crack.rar csdn 10分下的,确实贵了点。

2、执行文件 Patcher.exe (360会报病毒,如果你觉得不安全,执行完后删掉,重新扫木马)

3、运行webstorm11,将ActivationCode.txt贴进去


亲测是可以破解成功的,同时我发现现在webstorm可以调试了,难道现在人品又好了?

webstorm调试node非常简单:


1、配置debug:

DoraCMS调试.jpg


2、弹出界面配置相关属性

DoraCMS调试1.jpg


这里没啥好说的,配置 node interpreter,working directory,javascript file 三个地方,后确定。

3、点击右上角的小蜘蛛debug,可以看到console中的日志

DoraCMS调试2.jpg

从这里可以看到debug监听了10062端口,服务已经启动了。


4、我们在DoraCMS入口处打一个断点,通过浏览器访问 http://127.0.0.1:81

DoraCMS调试3.jpg


5、通过调试按钮控制代码的走向:

DoraCMS调试4.jpg


6、我们可以在watches中看到当前断点下变量的属性和相关值 


DoraCMS调试5.jpg



文章评论

Cancel the reply
Login Participate In Comments

Review(