太棒了!👏 你已经为项目配置好了 package.json,现在我们来请出 Node.js 开发者最常用、最爱的工具之一:
🔁 修改代码后自动重启服务器,告别手动刷新!
📌 核心知识点:
Nodemon = Node + Monitor
它会监视你的文件变化,一旦你保存代码,就自动重启 Node.js 服务器,极大提升开发效率。
🤔 为什么需要 Nodemon?
想象你在开发时:
node app.js
然后你改了一行代码 → 必须:
- 按
Ctrl + C停止服务器 - 再输入
node app.js重新启动 - 切回浏览器刷新
❌ 太频繁了!每改一次就要三步操作。
👉 Nodemon 来拯救你!
✅ 安装 Nodemon
方式一:作为开发依赖安装(推荐 ✔️)
npm install --save-dev nodemon
✅ 自动添加到 devDependencies,适合团队协作。
方式二:全局安装(可选)
npm install -g nodemon
-g 表示全局安装,可以在任何项目中使用 nodemon 命令。
🚀 使用 Nodemon 启动项目
方法①:直接命令行运行
npx nodemon app.js
💡 npx 会优先使用本地安装的 nodemon(来自 node_modules/.bin),安全又方便。
输出示例:
[nodemon] 2.0.20
[nodemon] watching path(s): *.*
[nodemon] starting `node app.js`
✅ 博客 API 已启动:http://localhost:3000
方法②:通过 npm run dev 启动(更专业)
还记得我们在 package.json 中写的脚本吗?
"scripts": {
"start": "node app.js",
"dev": "nodemon app.js"
}
现在你可以用这句命令开启开发模式:
npm run dev
🎉 效果完全一样,但更简洁、更标准!
🔧 实战测试:看看它是怎么“自动重启”的
- 运行:
npm run dev
- 打开
app.js,修改一行日志,比如:
console.log(`✅ 博客 API 已启动:http://localhost:${PORT} --- 热更新测试`);
- 保存文件(Ctrl+S / Cmd+S)
👀 观察终端输出:
[nodemon] restarting due to changes...
[nodemon] starting `node app.js`
✅ 博客 API 已启动:http://localhost:3000 --- 热更新测试
🚀 自动重启完成!无需手动操作!
🛠️ Nodemon 配置选项(进阶)
你还可以通过 nodemon.json 文件自定义行为:
创建 nodemon.json
{
"watch": ["app.js", "routes/"],
"ext": "js,json",
"ignore": ["node_modules", "public"],
"delay": "1000",
"env": {
"NODE_ENV": "development"
}
}
| 配置项 | 说明 |
|---|---|
watch | 监听哪些文件或目录 |
ext | 监听哪些扩展名的文件 |
ignore | 忽略某些路径(如 node_modules) |
delay | 变化后延迟多少毫秒重启 |
env | 设置环境变量 |
✅ 小结一句话:
Nodemon 是开发阶段的必备工具,它通过监听文件变化自动重启服务,让你专注于写代码,而不是重复启动服务器。
💡 最佳实践建议
| 建议 | 说明 |
|---|---|
✅ 在 devDependencies 中安装 | 不影响生产环境 |
✅ 使用 npm run dev 作为开发命令 | 团队统一规范 |
❌ 不要在生产环境使用 nodemon | 生产环境用 node app.js 或 PM2 |
✅ 配合 package.json 脚本使用 | 更清晰、易维护 |
📬 下一课预告:
第 21 课:实战项目④ —— 命令行待办事项工具(CLI App)
我们将回到“无服务器”模式,做一个能在终端运行的实用小工具:
todo add "学习 Node.js"
todo list
todo done 0
想成为“命令行高手”吗?🙂
回复 “继续” 开始构建你的专属 CLI 工具!💻✨