如何发布自己的npm包

注册npm账号

登录 npm 官网

编写自己的npm包

1、新建一个空文件夹(文件夹名字默认为npm包名)

2、在文件夹内 进入终端(cmd)运行 npm init 初始化项目

3、在pacakge.json中定义当前开发依赖包的name和version,如不需要添加命名空间name直接为包名即可。

本地调试

1、开发过程中可以在其他本地项目中使用调试,以查看实时效果

复制代码
// 在 npm包根目录 执行以下命令
npm link

2、在本地其他项目根目录执行命令引用

复制代码
// 在需要引用的项目根目录执行
npm link 'npm包名称'

然后在项目的node_modules文件夹下查看是否有npm包

登录仓库

登录前要确保npm仓库地址为npm源地址

复制代码
// 使用以下命令查看npm仓库地址
npm config get registry

// https://registry.npmjs.org/   这个为npm源地址,如不是这个 用以下命令设置为源地址

npm config set registry https://registry.npmjs.org/

然后执行以下命令登录

npm login

//  根据提示输入:用户名、密码、邮箱验证码

发布npm包

登录成功后,执行 npm publish,就发布成功啦

复制代码
npm publish

更新、修改npm包

1、修改完代码后,我们需要修改 package.json 的version版本

规则:对于"version":"x.y.z"
1.修复bug,小改动,增加z
2.增加了新特性,但仍能向后兼容,增加y
3.有很大的改动,无法向后兼容,增加x

2、 修改后 运行npm publish 就成功更新了包的版本

3、使用时重新安装即可

复制代码
// 卸载之前安装的包 
npm uninstall 'npm包名'

// 重新安装 
npm install 'npm包名'
相关推荐
GISer_Jing5 分钟前
[总结篇]个人网站
前端·javascript
疯狂的沙粒26 分钟前
在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的?
前端·uni-app·html
小妖66630 分钟前
html 滚动条滚动过快会留下边框线
前端·html
heroboyluck44 分钟前
Svelte 核心语法详解:Vue/React 开发者如何快速上手?
前端·svelte
海的诗篇_1 小时前
前端开发面试题总结-JavaScript篇(二)
开发语言·前端·javascript·typescript
琹箐1 小时前
ant-design4.xx实现数字输入框; 某些输入法数字需要连续输入两次才显示
前端·javascript·anti-design-vue
程序员-小李1 小时前
VuePress完美整合Toast消息提示
前端·javascript·vue.js
Uyker2 小时前
从零开始制作小程序简单概述
前端·微信小程序·小程序
EndingCoder6 小时前
React从基础入门到高级实战:React 实战项目 - 项目三:实时聊天应用
前端·react.js·架构·前端框架
阿阳微客7 小时前
Steam 搬砖项目深度拆解:从抵触到真香的转型之路
前端·笔记·学习·游戏