如何发布npm包?

如何发布npm包?

    • [1. 注册账号[npm官网](https://www.npmjs.com/)](#1. 注册账号npm官网)
    • [2. 检查 npm 源是否在官方 npm 仓库,如果不在,进行切换](#2. 检查 npm 源是否在官方 npm 仓库,如果不在,进行切换)
    • [3. 检查](#3. 检查)
    • [4. 打包配置](#4. 打包配置)
    • [5. 发布](#5. 发布)
    • [6. 使用](#6. 使用)
    • 错误:
    • 版本更新命令

1. 注册账号npm官网

2. 检查 npm 源是否在官方 npm 仓库,如果不在,进行切换

bash 复制代码
npm config get registry
bash 复制代码
npm config set registry https://registry.npmjs.org

3. 检查

为了避免npm包发布的时候重复,可以使用 npm view 你的包名 检查是否已经被发布了

4. 打包配置

进入到需要打包的文件夹下,执行 npm init

打包成功后,我们会在这个文件夹目录下看到生成的package.json文件

执行 npm login ,登录npm账号

可以执行 npm whoami,判断是否登录成功

5. 发布

进入npm官网,就能看到自己发布的npm包

6. 使用

错误:

包名重复,重新发布的时候版本号需要加1,例如1.0.1

版本更新命令

xml 复制代码
// patch:补丁号,v1.0.0->1.0.1
npm version patch 

// minor:次版本号,v1.0.0->v1.1.0
npm version minor

// major:主版本号,v1.0.0->v2.0.0
npm version major

执行版本更新命令之后,可以执行 npm publish 进行发布

相关推荐
0思必得025 分钟前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
东东5161 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino1 小时前
图片、文件的预览
前端·javascript
layman05283 小时前
webpack5 css-loader:从基础到原理
前端·css·webpack
半桔3 小时前
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典
前端·css·html
AI老李3 小时前
PostCSS完全指南:功能/配置/插件/SourceMap/AST/插件开发/自定义语法
前端·javascript·postcss
_OP_CHEN3 小时前
【前端开发之CSS】(一)初识 CSS:网页化妆术的终极指南,新手也能轻松拿捏页面美化!
前端·css·html·网页开发·样式表·界面美化
啊哈一半醒3 小时前
CSS 主流布局
前端·css·css布局·标准流 浮动 定位·flex grid 响应式布局
PHP武器库3 小时前
ULUI:不止于按钮和菜单,一个专注于“业务组件”的纯 CSS 框架
前端·css
电商API_180079052473 小时前
第三方淘宝商品详情 API 全维度调用指南:从技术对接到生产落地
java·大数据·前端·数据库·人工智能·网络爬虫