vscode 怎么调试node

在开发Node.js应用程序时,调试是一项非常重要的任务。在调试Node.js程序时,我们需要确保程序能够在正确的环境下正确地执行,以便我们能够随时跟踪程序的执行过程并找出问题所在。Visual Studio Code(简称VS Code)是一种流行的代码编辑器,提供了一些强大的调试工具,使我们可以轻松地调试Node.js应用程序。本文将介绍如何使用VS Code调试Node.js应用程序。

步骤一:安装VS Code

要开始使用VS Code调试Node.js应用程序,首先需要安装VS Code。您可以在https://code.visualstudio.com/上下载VS Code,并按照安装向导进行安装。此处略去安装过程。

步骤二:创建Node.js项目

接下来,让我们创建一个新的Node.js项目,以便我们可以使用VS Code进行调试。可以使用以下命令在命令行中创建新的Node.js项目:

mkdir myapp

cd myapp

npm init -y

使用上述命令,我们可以创建一个名为“myapp”的新目录,并在其中生成一个新的“package.json”文件。

步骤三:安装Node.js调试器

为了使用VS Code调试Node.js应用程序,我们需要安装Node.js调试器。可以通过以下命令在命令行中安装Node.js调试器:

npm install --save-dev nodemon

npm install --save-dev cross-env

使用上述命令,我们可以安装“nodemon”和“cross-env”两个包,这两个包都是Node.js调试器的必备包。

步骤四:创建VS Code配置信息

接下来,我们需要为VS Code创建一个调试配置文件。在VS Code中,单击“调试”视图中的“齿轮”图标,在弹出的菜单中选择“Node.js”选项。这将在.vscode目录中创建一个新的“launch.json”文件。

在这个文件中,我们需要添加一些配置信息来告诉VS Code如何调试Node.js应用程序。以下是一个示例配置:

{

"version": "0.2.0",

"configurations": [

{

"type": "node",

"request": "launch",

"name": "启动程序",

"program": "${workspaceFolder}/app.js",

"cwd": "${workspaceFolder}",

"args": [],

"runtimeExecutable": "nodemon",

"runtimeArgs": [

"--inspect=9229"

]

}

]

}

上述配置中的各个选项意义:

type: 指定调试程序类型,这里我们使用Node.js。

request: 指定请求类型,这里我们使用启动。

name: 指定配置项的名称。

program: 指定运行程序的文件。

cwd: 指定程序运行的当前工作目录。

args: 指定运行程序时传递给程序的额外参数。

runtimeExecutable: 指定运行程序的可执行文件(这里我们使用nodemon)。

runtimeArgs: 指定运行程序时,传递给可执行文件的额外参数(这里我们使用“--inspect=9229”)。

上述配置将在调试模式下启动Node.js应用程序并使用可编辑的nodemon来运行它。它将监听代码更改并自动重启应用程序。此外,它还将在http://localhost:9229/端口上启动Node.js调试器。

步骤五:开始调试

完成上述配置后,我们可以开始使用VS Code调试Node.js应用程序了。在VS Code中,单击“调试”视图中的绿色播放按钮即可开始调试。此时,VS Code将启动Node.js应用程序并在终端窗口中显示应用程序的输出。

如果您想在代码中设置断点,请在代码中单击行号,从而在该行添加一个断点。然后单击“调试”视图中的绿色播放按钮开始调试。

如果您在VS Code中设置了断点,应用程序将在这些断点处停止执行。此时,您可以使用VS Code的调试工具来跟踪代码的执行过程并找出问题所在。

步骤六:结束调试

完成调试后,您可以单击“调试”视图中的红色停止按钮来结束调试。这将停止Node.js应用程序的执行并关闭调试器。

在本文中,我们了解了如何使用VS Code调试Node.js应用程序。通过遵循上述步骤,您可以使用VS Code的一些强大的调试工具来轻松地调试Node.js应用程序并找出问题所在。