vscode 配置 nodemon 调试

我就是我 2022-05-14 01:47 694阅读 0赞

[vscode][] 和 [nodemon][] 都是开发过程中的神兵利器，前者有着免费、开源、多平台、集成git、代码调试、插件丰富等诸多优势，后者可以实现 node.js 项目的热加载，在修改代码时，node 服务会重新启动，为我们的调试工作减少了许多的不便。

所以是时候告别 `console.log` 了，本篇会介绍如何配置 `vscode` 让它有热加载的功能，获得更高的调试效率。

### 步骤 ###

##### 第一步 安装 nodemon #####

具体步骤可参照上篇关于 nodemon 的介绍 ([传送门][Link 1])

##### 第二步 vscode 调试配置 #####

![这里写图片描述][70]

打开 vscode，点这个，进入调试配置界面。同时会创建一个 `launch.json` 的配置文件，点击右下角的 **添加配置** 按钮。（关于 vscode 调试的基本操作不在本片介绍范围内，请另行查找资料学习）

![这里写图片描述][70 1]

![这里写图片描述][70 2]

在 `lanuch.json` 中的 `configurations` 会多这么一串代码:

{ 
          "type": "node",
          "request": "launch",
          "name": "nodemon",
          "runtimeExecutable": "nodemon",
          "program": "${workspaceFolder}/app.js",
          "restart": true,
          "console": "integratedTerminal",
          "internalConsoleOptions": "neverOpen"
        },

**注意，这里的 `program` 要改为你的启动文件！！！**

修改完后，点这里切换成 nodemon

![这里写图片描述][70 3]

### 提示:无法连接到运行中的进程，将在10000毫秒后超时 - （原因：无法连接到目标：connect ECONNREFUSED 127.0.0.1:8308） ###

这个问题很怪，有时一开始调试就会弹出提示，有时调试中又会跳出来，这个坑我会继续研究一下，想办法第一时间把这个坑填了。

[vscode]: https://code.visualstudio.com/
[nodemon]: https://github.com/remy/nodemon
[Link 1]: https://blog.csdn.net/zwkkkk1/article/details/82251851
[70]: /images/20220514/eb79588dc17540519cc5a25fb28e0992.png
[70 1]: /images/20220514/bfb371f7ef974ca486671618e2a3ec85.png
[70 2]: /images/20220514/8bd7d0686d544c55970c99a6c22a7bde.png
[70 3]: /images/20220514/b22ff006402c4a47af751bf9cd44a07c.png