npm发布自己的插件包

发布npm包

  1. 新建文件目录例如npm-test,目录中打开命令行
  2. 初始化package.json文件
    npm init
    name:作为发布包的名字
    version:版本号
    main:入口文件名
javascript 复制代码
{
  "name": "name202403311748",
  "version": "1.0.0",
  "description": "1",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}
  1. 根目录创建index.js,输入一些代码
javascript 复制代码
const str1 = '发布npm功能1'
const str2 = '发布npm功能2'
const str3 = '发布npm功能3'

export default {
    str1,
    str2,
    str3,
}
  1. 登录npm账号
    npm adduser
    按下enter键后浏览器打开登录页面,输入账号密码登录
bash 复制代码
PS E:\code\npm\npm-test> npm adduser
npm notice Log in on https://registry.npmjs.org/
Create your account at:
https://www.npmjs.com/login?next=/login/cli/7a72796a-81de-48e2-9b31-8c2724417e38
Press ENTER to open in the browser...
  1. 查看当前登录用户,确认是否已登录
    npm whoami
bash 复制代码
PS E:\code\npm\npm-test> npm whoami
abc12345
  1. 发布
    npm publish
bash 复制代码
PS E:\code\npm\npm-test> npm publish
...
+ name202403311748@1.0.0

使用发布包

  1. 安装
    npm install name202403311748
bash 复制代码
PS E:\code\npm\npm-test> npm install name202403311748
added 1 package, and audited 2 packages in 1s
found 0 vulnerabilities
  1. 安装后可以在node_modules文件夹中看到安装的插件,和package.json中的插件包名

更新npm发布包

  1. 修改版本号(版本号不能和上次发布的版本号重复,否则发布时会报错)
    npm version patch
bash 复制代码
PS E:\code\npm\npm-test> npm version patch
v1.0.1
说明 命令
查看当前npm包的版本 npm version
修改npm包的版本为1.0.0 npm version 1.0.0
修改npm包的版本为补丁版本+1(v1.0.0->v1.0.1) npm version patch
修改npm包的版本为小版本+1(v1.0.0->v1.1.0) npm version minor
修改npm包的版本为大版本+1(v1.0.0->v2.0.0) npm version major
bash 复制代码
# 查看当前npm包的版本
npm version

# 修改npm包的版本为1.0.0
npm version 1.0.0
 
# 修改npm包的版本为补丁版本+1(v1.0.0->v1.0.1)
npm version patch
 
# 修改npm包的版本为小版本+1(v1.0.0->v1.1.0)
npm version minor
 
# 修改npm包的版本为大版本+1(v1.0.0->v2.0.0)
npm version major
  1. 更新发布
    npm publish
bash 复制代码
PS E:\code\npm\npm-test> npm publish
...
+ name202403311748@1.0.1
相关推荐
华玥作者8 小时前
[特殊字符] VitePress 对接 Algolia AI 问答(DocSearch + AI Search)完整实战(下)
前端·人工智能·ai
Mr Xu_8 小时前
告别冗长 switch-case:Vue 项目中基于映射表的优雅路由数据匹配方案
前端·javascript·vue.js
前端摸鱼匠9 小时前
Vue 3 的toRefs保持响应性:讲解toRefs在解构响应式对象时的作用
前端·javascript·vue.js·前端框架·ecmascript
sleeppingfrog9 小时前
zebra通过zpl语言实现中文打印(二)
javascript
lang201509289 小时前
JSR-340 :高性能Web开发新标准
java·前端·servlet
好家伙VCC10 小时前
### WebRTC技术:实时通信的革新与实现####webRTC(Web Real-TimeComm
java·前端·python·webrtc
未来之窗软件服务10 小时前
未来之窗昭和仙君(六十五)Vue与跨地区多部门开发—东方仙盟练气
前端·javascript·vue.js·仙盟创梦ide·东方仙盟·昭和仙君
baidu_2474386110 小时前
Android ViewModel定时任务
android·开发语言·javascript
嘿起屁儿整10 小时前
面试点(网络层面)
前端·网络
VT.馒头11 小时前
【力扣】2721. 并行执行异步函数
前端·javascript·算法·leetcode·typescript