UNPKG

image-resolution-checker

Version:

A Vue 3 plugin for checking image resolutions with per - page settings

56 lines (53 loc) 2.74 kB
## 详细的步骤: 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 字段要正确填写,常见的开源许可证有 MITApache-2.0 等。 + 依赖管理:确保 package.json 中的 dependencies 和 devDependencies 字段正确列出了项目的依赖项。 + 通过以上步骤,你就可以将更新后的 image-resolution-checker 包成功发布到 NPM 上了。