Nodemon的入门及使用

发布于:2024-06-27 ⋅ 阅读:(132) ⋅ 点赞:(0)

nodemon 是一个工具,通过在检测到目录中的文件更改时自动重新启动 Node.js 应用程序来帮助开发基于 Node.js 的应用程序。它非常适合在开发环境中使用。以前,我们开发一个 Node 后端服务时,每次更改文件,都需要手动重启服务才能生效,这降低了开发效率。Nodemon 的出现解决了这个问题,它可以随时监听文件的变更并自动重新启动应用程序,而无需对代码或开发方式进行任何更改。

1.安装

  • 全局安装:npm install -g nodemon
  • 开发环境安装:npm install nodemon --save-dev
  • 验证安装成功:nodemon -v

2.配置

  • nodemon 有三种配置方式:命令参数、package.jsonnodemon.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
    

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


网站公告

今日签到

点亮在社区的每一天
去签到