Nodemon的入门及使用
nodemon 是一个工具,通过在检测到目录中的文件更改时自动重新启动 Node.js 应用程序来帮助开发基于 Node.js 的应用程序。它非常适合在开发环境中使用。以前,我们开发一个 Node 后端服务时,每次更改文件,都需要手动重启服务才能生效,这降低了开发效率。Nodemon 的出现解决了这个问题,它可以随时监听文件的变更并自动重新启动应用程序,而无需对代码或开发方式进行任何更改。
1.安装:
- 全局安装:
npm install -g nodemon
- 开发环境安装:
npm install nodemon --save-dev
- 验证安装成功:
nodemon -v
2.配置:
- nodemon 有三种配置方式:命令参数、
package.json
和nodemon.json
。 - 配置的优先级:
nodemon.json
>package.json
> 命令参数。 - 配置项包括:
watch
:监视文件或文件夹的路径。ignore
:忽略监视的路径。delay
:设置延迟时间。ext
:指定默认文件扩展名。script
:指定监视的文件(一般是项目入口的.js
文件)。exec
:执行的命令。
3. 配置示例:
-
使用命令行参数配置:
nodemon --watch src --ext js,json server.js
-
使用
package.json
配置:
"nodemonConfig": {"watch": ["src/"],"ext": "js json" }
-
使用
nodemon.json
配置:
{"watch": ["src/"],"ext": "js json" }
4.示例
-
Express.js 项目: 假设你正在开发一个基于 Express.js 的 Web 应用程序。你可以使用 nodemon 来监视你的服务器文件,以便在文件更改时自动重新启动服务器。以下是一个示例配置:
// nodemon.json {"watch": ["src/"],"ext": "js","exec": "node server.js" }
在这个示例中,nodemon 会监视
src/
目录下的所有.js
文件,并在文件更改时重新启动server.js
。 -
React 前端项目: 如果你正在开发一个基于 React 的前端应用程序,你可以使用 nodemon 来监视你的源代码文件,以便在文件更改时自动重新构建应用程序。以下是一个示例配置:
// nodemon.json {"watch": ["src/"],"ext": "js jsx","exec": "npm run build" }
在这个示例中,nodemon 会监视
src/
目录下的所有.js
和.jsx
文件,并在文件更改时运行npm run build
命令。 -
Node.js CLI 工具: 如果你正在开发一个自定义的 Node.js 命令行工具,你可以使用 nodemon 来监视你的脚本文件,以便在文件更改时自动重新运行工具。以下是一个示例配置:
// nodemon.json {"watch": ["src/"],"ext": "js","exec": "node my-tool.js" }
-
electorn 项目
在你的项目的 package.json
文件中,修改 scripts
部分的 start
命令,以使用 nodemon 启动你的 Electron 应用程序。例如:
-
"scripts": {"start": "nodemon --exec electron . --watch ./ --ext .js,.html" }
这里的配置会监视项目目录下的所有
.js
和.html
文件,并在文件更改时自动重新启动应用程序。 -
运行应用程序: 现在你可以运行以下命令来启动你的 Electron 应用程序,并让 nodemon 监视文件更改:
npm start
这将启动你的应用程序,并在你修改源代码文件时自动重新启动应用。