Node.js热更新的配置和vscode断点调试的案例分析-创新互联

小编给大家分享一下Node.js热更新的配置和vscode断点调试的案例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联公司专注于伊春企业网站建设,自适应网站建设,商城网站建设。伊春网站建设公司,为伊春等地区提供建站服务。全流程按需求定制开发，专业设计，全程项目跟踪，创新互联公司专业和态度为您提供的服务

前言

我从今年5月份开始使用express 框架开发。现在项目一期结束，趁这个空闲期，我重新梳理一下nodejs 开发的一些配置，其中包括 热更新 和 vscode 里的断点调试。

一、热更新 nodemon

nodemon 会监听项目文件的改动，并且自动重启项目。你只需要刷新浏览器就可以看到改动后的效果，省去了开发者重启应用的麻烦。

步骤：

安装nodemon

npm install -g nodemon

package.json 里使用 nodemon 命令

"scripts": {

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

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

    },

启动效果图如下：

Node.js热更新的配置和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"
        }
    ]
}

点击左侧绿色按钮启动应用，效果图如下：

Node.js热更新的配置和vscode断点调试的案例分析

在debug模式下打断点调试, 就可以了。

以上是Node.js热更新的配置和vscode断点调试的案例分析的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联-成都网站建设公司行业资讯频道！

当前题目：Node.js热更新的配置和vscode断点调试的案例分析-创新互联
本文URL：http://6mz.cn/article/jihdh.html

网站建设知识

Node.js热更新的配置和vscode断点调试的案例分析-创新互联

前言

一、热更新 nodemon

步骤：

二、 vscode 断点调试

步骤：

其他资讯