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
相关推荐
专注API从业者1 小时前
Python + 淘宝 API 开发:自动化采集商品数据的完整流程
大数据·运维·前端·数据挖掘·自动化
你的人类朋友2 小时前
【Node&Vue】JS是编译型语言还是解释型语言?
javascript·node.js·编程语言
烛阴2 小时前
TypeScript高手密技:解密类型断言、非空断言与 `const` 断言
前端·javascript·typescript
样子20183 小时前
Uniapp 之renderjs解决swiper+多个video卡顿问题
前端·javascript·css·uni-app·html
Nicholas683 小时前
flutterAppBar之SystemUiOverlayStyle源码解析(一)
前端
黑客飓风3 小时前
JavaScript 性能优化实战大纲
前端·javascript·性能优化
emojiwoo5 小时前
【前端基础知识系列六】React 项目基本框架及常见文件夹作用总结(图文版)
前端·react.js·前端框架
张人玉5 小时前
XML 序列化与操作详解笔记
xml·前端·笔记
杨荧5 小时前
基于Python的宠物服务管理系统 Python+Django+Vue.js
大数据·前端·vue.js·爬虫·python·信息可视化
YeeWang6 小时前
🎉 Eficy 让你的 Cherry Studio 直接生成可预览的 React 页面
前端·javascript