VS Code断点调试配置，搭配Nodemon自动重启

## 前言

在软件开发中，调试是不可或缺的一环。通过调试，我们可以快速定位和解决代码中的问题，从而提高开发效率。在前端开发中，VS Code是一款常用的代码编辑器，它提供了强大的调试功能，可以帮助我们轻松地调试JavaScript代码。

## 配置断点调试

首先，我们需要在VS Code中配置断点调试。具体步骤如下：

1. 打开VS Code，并打开需要调试的项目。
2. 在代码编辑器中，找到需要设置断点的位置，然后单击该行代码左侧的行号。
3. 单击后，该行代码左侧会出现一个红色的圆点，表示断点已设置成功。
4. 在菜单栏中，选择“调试” > “启动调试”。
5. 在弹出的调试配置选择框中，选择“Node.js”。
6. 在“启动”字段中，输入需要调试的脚本文件路径。
7. 单击“启动”按钮，开始调试。

## 结合Nodemon自动重启

在开发过程中，我们经常需要对代码进行修改，然后重新启动服务器才能看到效果。为了简化这一过程，我们可以使用Nodemon工具。Nodemon是一个监视文件改动的工具，当它检测到文件改动时，会自动重启服务器。

### 安装Nodemon

首先，我们需要安装Nodemon。可以通过以下命令安装：

npm install -g nodemon

### 配置Nodemon

安装完成后，我们需要在项目中配置Nodemon。在项目根目录下创建一个名为“package.json”的文件，并添加以下内容：

{
"scripts": {
"start": "nodemon server.js"
}
}

其中，“server.js”是需要启动的脚本文件。

### 使用Nodemon启动服务器

配置完成后，我们可以使用以下命令启动Nodemon：

npm start

Nodemon会自动监视代码改动，当检测到文件改动时，会自动重启服务器。

## 结合VS Code调试

我们可以将VS Code的断点调试与Nodemon结合使用，从而实现代码修改后自动重启并继续调试。具体步骤如下：

1. 在VS Code中，打开需要调试的项目。
2. 在菜单栏中，选择“调试” > “启动调试”。
3. 在弹出的调试配置选择框中，选择“Node.js”。
4. 在“启动”字段中，输入以下内容：

node --inspect-brk=9229 server.js

其中，“server.js”是需要启动的脚本文件，“9229”是调试端口号。

5. 单击“启动”按钮，开始调试。

6. 在VS Code的调试控制台中，单击“继续”按钮，继续调试。

7. 当Nodemon检测到文件改动时，它会自动重启服务器，并继续调试。

## 总结

通过将VS Code的断点调试与Nodemon结合使用，我们可以实现代码修改后自动重启并继续调试，从而提高开发效率。这种方法适用于前端开发和全栈开发。