自己开发或者修改的组件包如何发布到npm官方市场

news/2024/11/30 5:39:43/

1、注册账号

打开npm官方网站: www.npmjs.com; 进行注册
注册需要用户名,密码和邮箱, 当注册完成后需打开邮箱进行验证(邮箱不验证无法上传)

二、 在需要打包发布的文件夹package.json所在目录下执行命令:npm init

 按照提示修改后一路回车就行;

package name 就是安装命令的包名,这个不能跟市场上的重名  npm i yu-element-ui

三、准备就绪后开始在终端登录npm:

先输入命令 npm whoami 查看有没有登录过,如下错误就是要登录了。

npm ERR! code ENEEDAUTH
npm ERR! need auth This command requires you to be logged in.
npm ERR! need auth You need to authorize this machine using `npm adduser`

输入命令 npm login

Username: xxxx  你npm市场的右上角的账号名
Password: xxxx  
Email: (this IS public) 
npm notice Please check your email for a one-time password (OTP)
Enter one-time password from your authenticator app: 这里会发临时验证码到邮箱

你npm市场的右上角的账号名:

 

临时验证码到邮箱:

 

 最后使用命令npm whoami  查看登录成功没有,返回用户名代表成功

 四、上传组件包要注意事项:

  在执行命令前,需检查是否使用的淘宝镜像,如果是,则需要改正,上传时不能使用淘宝镜像:

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

五、执行发布包命令:npm publish

npm notice 7.9kB   types/tree.d.ts
npm notice 3.7kB   types/upload.d.ts
npm notice === Tarball Details ===
npm notice name:          yu-element-ui
npm notice version:       2.15.3
npm notice filename:      yu-element-ui-2.15.3.tgz
npm notice package size:  1.4 MB
npm notice unpacked size: 7.9 MB
npm notice shasum:        698d505221d52262f25e4d89d3acd5fd1226c121
npm notice integrity:     sha512-KZrN/Vk/82ugY[...]hSCN3E3vVezpQ==
npm notice total files:   989
npm notice

点击用户→选择package选项,出现安装包名称发布成功! 

 最后在项目中使用安装命令即可使用了

 

 


http://www.ppmy.cn/news/297746.html

相关文章

C#程序设计实验

C#实验 实验1 C# 基本编程 题目 VS下新建一个控制台项目:诸如:hello world程序,运行程序输出结果。并解释C#程序的结构: 诸如:一个基本的C#程序包含几部分 ,每一部分的功能是什么。。。 完整代码 usin…

华为OD机试真题B卷 Java 实现【数组拼接】,附详细解题思路

一、题目描述 现在有多组整数数组,需要将它们合并成一个新的数组。 合并规则,从每个数组里按顺序取出固定长度的内容合并到新的数组中,取完的内容会删除掉,如果该行不足固定长度或者已经为空,则直接取出剩余部分的内…

Anaconda教程,Python版本控制

Anaconda教程,Python版本控制 文章目录 Anaconda教程,Python版本控制1:Anaconda安装1.1:Windows1.2:Linux1.3:MacOS 2:Anaconda使用2.1:创建一个新的环境2.2:安装 Python 包2.3:激活…

std::chrono时间处理

std::chrono是C11引入的标准库,用于时间的计算和处理。它按照ISO8601标准定义了多个时间类,例如:duration(持续时间)、time_point(时间点)和clock(时钟)。以下是一些常见…

如何在Vue模板中实现表单验证?

嘿,你是否想要在表单验证方面展翅高飞呢?别担心,我来帮你一步步实现这个目标! 首先,我们来看看如何在Vue模板中使用表单。在模板中,我们可以使用v-model指令来绑定表单输入和Vue实例的数据。例如&#xff…

WAIC 2021 | 共话AI开源开放之道,赢取惊喜好礼!

点击左上方蓝字关注我们 开源开放已经成为驱动技术创新和加速产业发展的核心动能,在以深度学习为代表的人工智能发展浪潮中,产业界同时也成为驱动开源开放的重要力量。成熟的开源开放技术平台与生态,正在推动社会各界加快融合发展。 百度飞桨…

活动预告 | 即构×火山引擎:泛娱乐社交音视频技术实践沙龙

叮~ 您有一份面基邀请函请查收! 泛娱乐社交自横空出世以来就蓬勃发展,备受数以亿计的用户及资本的关注,尤其疫情常态下,线上社交光环尽显,前有马斯克意外带红的Clubhouse,后有号称“未来互联网形态”的Meta…

新课程发布 | 如何用 7 分钟击破 Serverless 落地难点?

当前,Serverless 覆盖的技术场景正在不断变广。Serverless 已在微服务、在线应用、事件驱动、任务处理等众多场景被验证且广泛应用 。当你想要部署一个网站时,需要自己购买服务器并花费时间去维护,造成资源浪费不说,还要耗费精力。…