如何发布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 进行发布

相关推荐
万少8 小时前
HarmonyOS 开发必会 5 种 Builder 详解
前端·harmonyos
橙序员小站11 小时前
Agent Skill 是什么?一文讲透 Agent Skill 的设计与实现
前端·后端
炫饭第一名13 小时前
速通Canvas指北🦮——基础入门篇
前端·javascript·程序员
王晓枫13 小时前
flutter接入三方库运行报错:Error running pod install
前端·flutter
符方昊13 小时前
React 19 对比 React 16 新特性解析
前端·react.js
ssshooter13 小时前
又被 Safari 差异坑了:textContent 拿到的值居然没换行?
前端
曲折14 小时前
Cesium-气象要素PNG色斑图叠加
前端·cesium
Forever7_14 小时前
Electron 淘汰!新的桌面端框架 更强大、更轻量化
前端·vue.js
Angelial14 小时前
Vue3 嵌套路由 KeepAlive:动态缓存与反向配置方案
前端·vue.js
jiayu14 小时前
Angular学习笔记24:Angular 响应式表单 FormArray 与 FormGroup 相互嵌套
前端