vscode创建node.js调试环境

vscode创建node.js调试环境

  1. 使用express生成一个node.js简单项目express官网 ;生成如下项目:
    vscode创建node.js调试环境

  2. 选择vscode调试,配置node调试环境,会自动生成(.vscode/launch.json)文件 ;文件内容如下:
    vscode创建node.js调试环境

  3. 终端(打开终端快捷键Ctrl+~)输入启动只需执行node --inspect ./bin/www &(或)node --inspect app.js;如图:vscode创建node.js调试环境
    因为我已经在package.json做了如下配置,所以只要只需npm start;
    vscode创建node.js调试环境

  4. 启动时终端中会生成一个websocket地址 :127.0.0.1:9229/36b885f9-66d9-4c6e-85c9-6a43868d514a;

  5. 把生成的地址拼接到(ws=你的地址):(chrome-devtools://devtools/bundled/inspector.html?experiments=true&v8only=true&ws=127.0.0.1:9229/36b885f9-66d9-4c6e-85c9-6a43868d514a);

  6. 把该地址在谷歌浏览器打开;会有如下界面:
    vscode创建node.js调试环境
    在sources中找到你的程序,并打个断点;

  7. 重新打开一个页面,输入你项目的地址:我这里是127.0.0.1:3000
    vscode创建node.js调试环境

现在你就可以进行愉快的调试了,是不是so easy呢!