在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的过程,是我自己的总结,也吸取了广大码农的分享,如有不妥之处,尽情指正,谢谢。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值