您好,欢迎访问一九零五行业门户网

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

本篇文章给大家介绍一下node.js的热更新配置和vscode断点调试。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
前言我从今年5月份开始使用express 框架开发。现在项目一期结束,趁这个空闲期,我重新梳理一下nodejs 开发的一些配置,其中包括 热更新 和 vscode 里的断点调试。
相关教程推荐:《nodejs 教程 》、《vscode基础教程》
一、热更新 nodemonnodemon 会监听项目文件的改动,并且自动重启项目。你只需要刷新浏览器就可以看到改动后的效果,省去了开发者重启应用的麻烦。
步骤:安装nodemonnpm install -g nodemon
package.json 里使用 nodemon 命令
scripts: {        start: node ./bin/www,        nodemon: nodemon ./bin/www    },
启动效果图如下:
二、 vscode 断点调试参考连接:https://code.visualstudio.com/docs/nodejs/...
nodejs 的debug 是vscode 内置的,不需要另外安装插件。
之前我使用vscode调试php项目时 ,就需要另外安装php debug 扩展。
步骤:生成launch.json文件需要在debug 模式下,选择nodejs类型 的配置, 如下图:
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        }    ]}
点击左侧绿色按钮 启动应用,效果图如下:
在debug模式下打断点调试, 就可以了。原文地址:https://learnku.com/articles/35458
作者:matteao
更多编程相关知识,可访问:编程入门!!
以上就是谈谈node.js热更新的配置和vscode断点调试的详细内容。
其它类似信息

推荐信息