本文摘自PHP中文网,作者青灯夜游,侵删。
本篇文章给大家介绍一下Node.js的热更新配置和vscode断点调试。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。前言
我从今年5月份开始使用express 框架开发。现在项目一期结束,趁这个空闲期,我重新梳理一下nodejs 开发的一些配置,其中包括 热更新 和 vscode 里的断点调试。
相关教程推荐:《nodejs 教程 》、《vscode基础教程》
一、热更新 nodemon
nodemon 会监听项目文件的改动,并且自动重启项目。你只需要刷新浏览器就可以看到改动后的效果,省去了开发者重启应用的麻烦。
步骤:
- 安装nodemon
npm install -g nodemon
package.json 里使用 nodemon 命令
1
2
3
4
5
6
7
"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
项的值。 内容如下:相关阅读 >>
深入了解node.js的中worker threads(工作线程)
如何使用ppa在ubuntu上安装最新的node.js和npm
更多相关阅读请进入《node.js》频道 >>
![]()
书籍 Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者