网站开发主管招聘wordpress 首页显示分类文章

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.示例

1. Express.js 项目： 假设你正在开发一个基于 Express.js 的 Web 应用程序。你可以使用 nodemon 来监视你的服务器文件，以便在文件更改时自动重新启动服务器。以下是一个示例配置：

   // nodemon.json
   {"watch": ["src/"],"ext": "js","exec": "node server.js"
   }
   

   在这个示例中，nodemon 会监视 src/ 目录下的所有 .js 文件，并在文件更改时重新启动 server.js。

2. React 前端项目： 如果你正在开发一个基于 React 的前端应用程序，你可以使用 nodemon 来监视你的源代码文件，以便在文件更改时自动重新构建应用程序。以下是一个示例配置：

   // nodemon.json
   {"watch": ["src/"],"ext": "js jsx","exec": "npm run build"
   }
   

   在这个示例中，nodemon 会监视 src/ 目录下的所有 .js 和 .jsx 文件，并在文件更改时运行 npm run build 命令。

3. Node.js CLI 工具： 如果你正在开发一个自定义的 Node.js 命令行工具，你可以使用 nodemon 来监视你的脚本文件，以便在文件更改时自动重新运行工具。以下是一个示例配置：

   // nodemon.json
   {"watch": ["src/"],"ext": "js","exec": "node my-tool.js"
   }
   

4. electorn 项目

在你的项目的 package.json 文件中，修改 scripts 部分的 start 命令，以使用 nodemon 启动你的 Electron 应用程序。例如：

1. "scripts": {"start": "nodemon --exec electron . --watch ./ --ext .js,.html"
   }
   

   这里的配置会监视项目目录下的所有 .js 和 .html 文件，并在文件更改时自动重新启动应用程序。

2. 运行应用程序： 现在你可以运行以下命令来启动你的 Electron 应用程序，并让 nodemon 监视文件更改：

   npm start
   

   这将启动你的应用程序，并在你修改源代码文件时自动重新启动应用。