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
相关推荐
小白小白从不日白17 分钟前
react hooks--useCallback
前端·react.js·前端框架
恩婧25 分钟前
React项目中使用发布订阅模式
前端·react.js·前端框架·发布订阅模式
mez_Blog26 分钟前
个人小结(2.0)
前端·javascript·vue.js·学习·typescript
珊珊而川34 分钟前
【浏览器面试真题】sessionStorage和localStorage
前端·javascript·面试
森叶44 分钟前
Electron 安装包 asar 解压定位问题实战
前端·javascript·electron
drebander1 小时前
ubuntu 安装 chrome 及 版本匹配的 chromedriver
前端·chrome
软件技术NINI1 小时前
html知识点框架
前端·html
深情废杨杨1 小时前
前端vue-插值表达式和v-html的区别
前端·javascript·vue.js
GHUIJS1 小时前
【vue3】vue3.3新特性真香
前端·javascript·vue.js
markzzw1 小时前
我在 Thoughtworks 被裁前后的经历
前端·javascript·面试