一篇带给你Vscode调试Node.js指南

前言:调试代码不管对于开发还是学习源码都是非常重要的技能,本文简单介绍vscode调试Node.js相关代码的调试技巧。

南安ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!

一、调试业务JS

调试业务JS可能是普遍的场景,随着Node.js和调试工具的成熟,调试也变得越来越简单。下面是vscode的lauch.json配置。

 
 
 
 
  1.     "version": "0.2.0", 
  2.     "configurations": [ 
  3.         { 
  4.             "type": "node", 
  5.             "request": "attach", 
  6.             "name": "Attact Program", 
  7.             "port": 9229 
  8.         } 
  9.     ] 
  10.  

1.在JS里设置断点,执行node --inspect index.js 启动进程,会输出调试地址。

2.点击虫子,然后点击绿色的三角形。

3.vscode会连接Node.js的WebSocket服务。

4.开始调试(或者使用Chrome Dev Tools调试)。

二 调试Addon的C++

写Addon的场景可能不多,但是当你需要的时候,你就会需要调试它。下面的配置只可以调试C++代码。

 
 
 
 
  1.     "version": "0.2.0", 
  2.     "configurations": [ 
  3.         { 
  4.             "name": "Debug node C++ addon", 
  5.             "type": "lldb", 
  6.             "request": "launch", 
  7.             "program": "node", 
  8.             "args": ["${workspaceFolder}/node-addon-examples/1_hello_world/napi/hello.js"], 
  9.             "cwd": "${workspaceFolder}/node-addon-examples/1_hello_world/napi" 
  10.         }, 
  11.     ] 
  12.  

1.在C++代码设置断点。

2.执行node-gyp configure && node-gyp build --debug编译debug版本的Addon。

3. JS里加载debug版本的Addon。

4.点击小虫子开始调试。

三、调试Addon的C++和JS

Addon通常需要通过JS暴露出来使用,如果我们需要调试C++和JS,那么就可以使用以下配置。

 
 
 
 
  1.     "version": "0.2.0", 
  2.     "configurations": [ 
  3.         { 
  4.             "name": "Debug node C++ addon", 
  5.             "type": "node", 
  6.             "request": "launch", 
  7.             "program": "${workspaceFolder}/node-addon-examples/1_hello_world/napi/hello.js", 
  8.             "cwd": "${workspaceFolder}/node-addon-examples/1_hello_world/napi" 
  9.         }, 
  10.         { 
  11.             "name": "Attach node C/C++ Addon", 
  12.             "type": "lldb", 
  13.             "request": "attach", 
  14.             "pid": "${command:pickMyProcess}"   
  15.         } 
  16.     ] 
  17.  

和2的过程类似,点三角形开始调试,再选择Attach node C/C++ Addon,然后再次点击三角形。

选择attach到hello.js中。

开始调试。

四、调试Node.js源码C++

我们不仅用Node.js,我们可能还会学习Node.js源码,学习源码的时候就少不了调试。可以通过下面的方式调试Node.js的C++源码。

 
 
 
 
  1. ./configure --debug && make 

使用以下配置:

 
 
 
 
  1.     "version": "0.2.0", 
  2.     "configurations": [ 
  3.         { 
  4.             "name": "(lldb) 启动", 
  5.             "type": "cppdbg", 
  6.             "request": "launch", 
  7.             "program": "${workspaceFolder}/out/Debug/node", 
  8.             "args": [], 
  9.             "stopAtEntry": false, 
  10.             "cwd": "${fileDirname}", 
  11.             "environment": [], 
  12.             "externalConsole": false, 
  13.             "MIMode": "lldb" 
  14.         } 
  15.     ] 
  16.  

在node_main.cc的main函数或任何C++代码里打断点,点击小虫子开始调试。

五、调试Node.js源码C++和JS代码

Node.js的源码不仅仅有C++,还有JS,如果我们想同时调试,那么就使用以下配置。

 
 
 
 
  1.     "version": "0.2.0", 
  2.     "configurations": [ 
  3.         { 
  4.             "name": "(lldb) 启动", 
  5.             "type": "cppdbg", 
  6.             "request": "launch", 
  7.             "program": "${workspaceFolder}/out/Debug/node", 
  8.             "args": ["--inspect-brk", "${workspaceFolder}/out/Debug/index.js"], 
  9.             "stopAtEntry": false, 
  10.             "cwd": "${fileDirname}", 
  11.             "environment": [], 
  12.             "externalConsole": false, 
  13.             "MIMode": "lldb" 
  14.         } 
  15.     ] 
  16.  

1.点击调试。

2.在vscode调试C++,执行完Node.js启动的流程后会输出调试JS的地址。

3.在浏览器连接WebSocket服务调试JS。

网站栏目:一篇带给你Vscode调试Node.js指南
网站URL:http://www.hantingmc.com/qtweb/news42/218442.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联