谈谈Node.js热更新的配置和vscode断点调试

发布时间：09/01 来源：未知浏览：关键词：

本篇文章给大家介绍一下Node.js的热更新配置和vscode断点调试。有必然的参照价值，有需要的伴侣可以参照一下，但愿对大家有所帮忙。

前言

我从本年5月份开端使用express 框架开发。此刻项目一期完毕，趁这个余暇期，我从新梳理一下nodejs 开发的一些配置，其中包罗 热更新 和 vscode 里的断点调试。

相关教程引荐：《nodejs 教程》、《vscode根基教程》

一、热更新 nodemon

nodemon 会监听项目文件的改动，并且主动重新启动项目。你只需要刷新阅读器就可以看到改动后的结果，省略了开发者重新启动利用的费事。

步骤：

安置nodemon

npm install -g nodemon

package.json 里使用 nodemon 命令

"scripts": {

        "start": "node ./bin/www",

        "nodemon": "nodemon ./bin/www"

    },

启动结果图如下：

nodejs 开发中热更新和vscode中断点调试

二、 vscode 断点调试

参照连接：https://code.visualstudio.com/docs/nodejs/...

nodejs 的debug 是vscode 内置的，不需要别的安置插件。

此前我使用vscode调试php项目时，就需要别的安置php Debug 扩展。

步骤：

生成launch.json文件
需要在Debug 模式下，选中nodejs类型的配置，如下图：

Node.js 开发中热更新配置和 vscode 中断点调试

vscode 主动在项目根名目下生成 .vscode / launch.json 文件，vscode默许会选中 package.json中的start 命令启动利用命令。途径为上面代码中program项的值。内容如下：
{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${workspaceFolder}\\bin\\www"
        }
    ]
}