🎯 第 20 课:使用 Nodemon 提升开发体验

0 阅读2分钟

太棒了!👏 你已经为项目配置好了 package.json,现在我们来请出 Node.js 开发者最常用、最爱的工具之一


🔁 修改代码后自动重启服务器,告别手动刷新!

📌 核心知识点

Nodemon = Node + Monitor
它会监视你的文件变化,一旦你保存代码,就自动重启 Node.js 服务器,极大提升开发效率。


🤔 为什么需要 Nodemon?

想象你在开发时:

node app.js

然后你改了一行代码 → 必须:

  1. Ctrl + C 停止服务器
  2. 再输入 node app.js 重新启动
  3. 切回浏览器刷新

❌ 太频繁了!每改一次就要三步操作。

👉 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

🎉 效果完全一样,但更简洁、更标准!


🔧 实战测试:看看它是怎么“自动重启”的

  1. 运行:
npm run dev
  1. 打开 app.js,修改一行日志,比如:
console.log(`✅ 博客 API 已启动:http://localhost:${PORT} --- 热更新测试`);
  1. 保存文件(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 工具!💻✨