制作一个属于自己的npm组件

本文详细介绍了如何创建并发布自己的npm组件。从注册npm账号开始,通过设置仓库、登录npm,然后发布组件,每个步骤都有清晰的说明。注意在发布过程中可能会遇到的错误,如私有包配置或同名冲突问题,以及解决这些问题的方法。
摘要由CSDN通过智能技术生成
简介

在我们开发过程中,也想开发一个类似于elementUI、ant的组件,供自己或者别人在项目中npm下载。

流程说明

首先我们是需要一个npm账户,连接将组件提交上去,最后就可以下载了

步骤一:注册npm账号

先到npm官网【https://www.npmjs.com/】注册一个用户

步骤二:设置仓库并且登录

设置仓库网站,如果使用了国内仓库(国内仓库都是只读的),注意发布项目时必须指定为http://registry.npmjs.org/

执行命令:

npm config list    //可查看你当前的 npm 配置
npm config set registry https://registry.npmjs.org/    //npm 源更换为 npm 官方源

npm login 或 npm adduser(npm login 是adduser 的别名,其行为方式完全相同

步骤三:发布

npm publish    //发布

注意:

1、如果发布报错“This package has been marked as private”,那更改package.json 配置,修改 private 属性值为 false 就好了。

2、 发布不成功成功原因也可能和线上别人的项目同名

最后在官网登录后的packages可以查看发布的包

tip:如何制作?制作教程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

喂!大掌柜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值