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

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

[[419271]]

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

一、调试业务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。

 

责任编辑:姜华 来源: 编程杂技
相关推荐

2022-03-20 06:40:31

Node.jsperf_hooks性能数据

2021-07-21 09:48:20

etcd-wal模块解析数据库

2022-03-24 12:28:03

React 17React 18React

2021-02-24 08:32:45

Web Compone前端Web 应用

2021-07-12 06:11:14

SkyWalking 仪表板UI篇

2021-11-24 08:51:32

Node.js监听函数

2021-08-18 10:28:09

MySQL SQL 语句数据库

2022-03-03 22:00:19

Hooks函数组件React

2023-03-29 07:45:58

VS编辑区编程工具

2021-01-28 08:55:48

Elasticsear数据库数据存储

2021-04-08 11:00:56

CountDownLaJava进阶开发

2021-04-14 14:16:58

HttpHttp协议网络协议

2021-03-12 09:21:31

MySQL数据库逻辑架构

2021-06-21 14:36:46

Vite 前端工程化工具

2021-04-01 10:51:55

MySQL锁机制数据库

2022-02-17 08:53:38

ElasticSea集群部署

2022-04-29 14:38:49

class文件结构分析

2022-03-22 09:09:17

HookReact前端

2024-06-13 08:34:48

2021-07-08 07:30:13

Webpack 前端Tree shakin
点赞
收藏

51CTO技术栈公众号