在WebStorm中调试NodeJS代码

1、nodeJS的安装

     1.1、nodeJS的安装，可以到对应的官网下载，下载地址：http://nodejs.cn/；

     1.2、也可以在webStorm中安装

2、新建NodeJS程序，举例说明：

var str   = '{"name":"anderson","age":"20","sex":"male"}';
var  jsonObj = JSON.parse(str);
var result = a(15);

console.log(result);
console.log(jsonObj);
console.log(typeof  jsonObj);

function a(num){
    var str = "";
    if(num < 10){
        str = "num 小于10 ";
    } else {
        str = "num 大于10 ";
    }
    return str;
}

 

上边的例子很容易就能看懂，首先将json字符串转化成json对象，另外调用方法a，判断输出的数字是否大于10；

3、部署NodeJS程序，图例说明： 

  3.1、在webStorm中 工具 -- 编辑结构：

 3.2、点击编辑结构后，首先新增NodeJS，然后配置名称、工作空间、需要执行的JS文件。然后点击确定

4、设置断点。

     方法有2 ：1、直接在行号附近，点击左键；2、在需要打断的地方，输入debugger；

5、启动调试：点击 运行--调试test.js (对应3.2中设置的名称)，或者右键 test.js的标签页，选择“调试test.js”。

       调试运行代码后，可以看到运行到debugger处，程序停止在断点处；

         5.1、此时变量区域可以去清楚的看见涉及的变量的值；

         5.2、监视区域: 可以右键对应的变量，添加监视，在监视区域，就可以看到对应的变量变化，如图监视的是result变量。

         5.3、堆栈调用区域：类似于浏览器调试时堆栈调用，可以看到程序运行的过程。

         5.4、控制区域：单步调试、步入调试等。常用的有，

                    单步调试（快捷键F8 ，类似浏览器调试的F10）；

                    步入调试（快捷键F7，类似于浏览器调试的F11）；

                    跳出调试（或者运行到下一断点，快捷键F9，类似于浏览器调试：IE - F5，FF、Chrome --F8）；

                    重新运行调试：Ctrl + F5，此时JS程序会重新运行。

         如上图所示，F8之后，断点会走到第9行，如果F7代码就会进入function a（num）中。调试过程中，变量区域的值、监听的变量的值都会及时更新。

 

   以上WebStrom中调试NodeJS的过程，是我自己的总结，也吸取了广大码农的分享，如有不妥之处，尽情指正，谢谢。