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
相关推荐
Mr Xu_1 分钟前
前端开发中CSS代码的优化与复用:从公共样式提取到CSS变量的最佳实践
前端·css
低代码布道师23 分钟前
Next.js 16 全栈实战(一):从零打造“教培管家”系统——环境与脚手架搭建
开发语言·javascript·ecmascript
鹏北海-RemHusband38 分钟前
从零到一:基于 micro-app 的企业级微前端模板完整实现指南
前端·微服务·架构
LYFlied38 分钟前
AI大时代下前端跨端解决方案的现状与演进路径
前端·人工智能
光影少年42 分钟前
AI 前端 / 高级前端
前端·人工智能·状态模式
一位搞嵌入式的 genius43 分钟前
深入 JavaScript 函数式编程:从基础到实战(含面试题解析)
前端·javascript·函数式
anOnion1 小时前
构建无障碍组件之Alert Dialog Pattern
前端·html·交互设计
choke2331 小时前
[特殊字符] Python 文件与路径操作
java·前端·javascript
云飞云共享云桌面1 小时前
高性能图形工作站的资源如何共享给10个SolidWorks研发设计用
linux·运维·服务器·前端·网络·数据库·人工智能
Deng9452013141 小时前
Vue + Flask 前后端分离项目实战:从零搭建一个完整博客系统
前端·vue.js·flask