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
相关推荐
无心水9 分钟前
【时间利器】4、JavaScript时间处理全解:Date/moment/dayjs/Temporal
开发语言·前端·javascript·状态模式·openclaw·date/moment·dayjs/temporal
踩着两条虫15 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(二十五):API与参考之Renderer API 参考
前端·vue.js·人工智能
踩着两条虫15 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(二十四):API与参考之Provider API 参考
前端·vue.js·ai编程
恋猫de小郭21 分钟前
Android Studio Panda 2 ,支持 AI 用 Vibe Coding 创建项目
android·前端·flutter
爱学习的程序媛23 分钟前
【Web前端】WebSocket 详解
前端·websocket·网络协议·web
BJ-Giser23 分钟前
Cesium夜晚月亮银河夜空效果
前端·可视化·cesium
happymaker062624 分钟前
web前端学习日记——DAY06(js基础语法与数据类型)
前端·javascript·学习
FlyWIHTSKY25 分钟前
父子组件参数传递
前端·javascript·vue.js
不会写DN26 分钟前
JS 最常用的性能优化 防抖和节流
开发语言·javascript·ecmascript
紫_龙33 分钟前
最新版vue3+TypeScript开发入门到实战教程之生命周期函数
前端·javascript·typescript