使用VSCode调试Node.js代码 |21xrx.com

使用VSCode调试Node.js代码

2023-06-28 14:59:03 深夜i -- --

VSCode 调试 Node js 代码

VSCode是一款非常流行的轻量级代码编辑器，除了支持多种编程语言和代码风格外，它还提供了强大的调试功能，可以大大提高开发效率。在本文中，我们将介绍如何使用VSCode调试Node.js代码。

1. 安装VSCode

如果你还没安装VSCode，请前往官网下载并安装。

2. 创建Node.js项目

在任意文件夹下新建一个文件夹，并在该文件夹下打开终端窗口，执行如下命令：

npm init

执行命令后，根据提示输入相关信息，生成package.json文件。

3. 安装必要的依赖

为了让VSCode正常运行Node.js调试，我们需要安装两个npm包：

npm install --save-dev nodemon npm install --save-dev source-map-support

nodemon：可以在代码发生变化时自动重启服务。

source-map-support：用于信任 TypeScript 源码映射文件。

4. 创建代码文件

在项目根目录下创建一个main.js文件，写入如下代码：


function add(a, b) {
  return a + b;
}
function sub(a, b)
  return a - b;
console.log(add(2, 3));
console.log(sub(5, 2));

这是一个非常简单的Node.js程序，其中包含了两个数学计算函数。

5. 配置VSCode

打开VSCode并进入刚才创建的项目文件夹。

在左侧的文件资源管理器中点击调试图标，然后点击create a launch.json file链接，生成.vscode/launch.json文件。

在这个文件中，我们需要配置Node.js的启动方式及端口，如下所示：

json { "version": "0.2.0", "configurations": [ { "name": "Launch", "type": "node", "request": "launch", "program": "${workspaceFolder}/main.js", "runtimeExecutable": "nodemon", "restart": true, "port": 9229, "console": "integratedTerminal", "sourceMaps": true } ] }

解释一下这个配置文件：

- name：表示这个启动项的名称；

- type：表示这个启动项是基于Node.js的；

- request：表示请求VSCode执行哪些操作，这里是启动一个Node.js程序；

- program：表示要启动的Node.js程序的最初脚本文件；

- runtimeExecutable：表示要用来运行的Node.js运行时程序；

- restart：表示如果 Node.js 进程被终止了，是否自动重新启动；

- port：表示调试器的端口号；

- console：表示启动时要使用的终端类型；

- sourceMaps：表示是否使用 source map。

6. 启动调试

选中Breakpoints，点击左侧的断点符号，会在代码左侧出现一个红圈点，表示设置了一个断点。接着，点击左上角的"Debug"按钮，然后点击绿色的启动按钮。VSCode将启动Node.js程序并等待到达第一个断点处。

可以使用F5开始调试，逐步执行程序。调试过程中，我们可以查看变量、执行逐步跟踪、单步执行等等，在控制台中查看输出结果。

7. 结束调试

完成调试后，有两种方式可以结束调试。

第一种方式：在VSCode侧边栏的"Debug"选项卡中，点击左侧的红色"停止"按钮即可。

第二种方式：关闭VSCode窗口即可。

总结：

通过VSCode的调试功能可以明显提升编程效率，特别是在调试复杂的Node.js程序时。在上文中，我们已经了解了如何使用VSCode来调试Node.js代码，希望本文能够对读者有所帮助。

上一篇: idea打包java可执行jar包

下一篇: Java如何输出12位保留小数？

评论区

()

相似文章