## 详细的步骤：
1. >确保代码更新和测试
   在提交更新之前，要保证你已经完成了代码的修改和优化，并且进行了充分的测试，确保新的功能或修复没有引入新的问题。你可以在本地项目中使用以下命令测试：
   ```
   npm install
   npm run build
   ```
   如果使用了 TypeScript，确保编译没有报错。同时，在本地运行相关测试用例（如果有），确保功能正常。

3. 更新版本号
   遵循语义化版本控制规则（SemVer）更新 package.json 文件中的 version 字段。语义化版本号格式为 MAJOR.MINOR.PATCH（主版本号。次版本号。修订号），具体规则如下：
   * 主版本号（MAJOR）：当你进行了不兼容的 API 修改时，需要递增主版本号。
   * 次版本号（MINOR）：当你以向后兼容的方式添加了新功能时，递增次版本号。
   * 修订号（PATCH）：当你进行了向后兼容的错误修复时，递增修订号。 
   #### 例如，如果你只是修复了一些小问题，将 version 从 1.0.0 改为 1.0.1：
    ```
     json
      {
      "name": "image-resolution-checker",
      "version": "1.0.1",
      // 其他字段保持不变
      }
      ```
3. 构建项目
   使用构建工具生成生产环境的代码。如果你的项目使用 Vite 构建，运行以下命令：

     ```
    npm run build
    ```
   #### 这会在 dist 目录下生成打包后的文件。
4. 登录 NPM
   在终端中运行以下命令登录到你的 NPM 账号：
   ```
   npm login
   ```
   
   输入你的 NPM 用户名、密码和邮箱验证码（如果需要），登录成功后会显示登录信息。
5. 提交更新
   在项目根目录下运行以下命令将更新后的包发布到 NPM：
   ```
   npm publish
   ```
   如果你的包是作用域包（scoped package），默认是私有的，需要添加 --access public 参数来发布为公共包：
   ```
   npm publish --access public
   ```
6. 验证更新
   发布成功后，你可以在 NPM 官方网站上搜索你的包，查看版本号是否已经更新。也可以在其他项目中使用以下命令安装最新版本的包来验证：
   ```
   npm install image-resolution-checker@latest
   ```
### 注意事项
   + 包名唯一性：确保你的包名在 NPM 上是唯一的，避免与其他包冲突。
   + 许可证信息：package.json 中的 license 字段要正确填写，常见的开源许可证有 MIT、Apache-2.0 等。
   + 依赖管理：确保 package.json 中的 dependencies 和 devDependencies 字段正确列出了项目的依赖项。
   + 通过以上步骤，你就可以将更新后的 image-resolution-checker 包成功发布到 NPM 上了。