一篇文章教会你如何在npm上传自己的包

11 篇文章 0 订阅
3 篇文章 0 订阅
本文详细介绍了如何在npm官网注册、检查包名可用性、初始化项目、切换npm源、添加用户、发布及管理个人npm包。过程中涉及npminit、npmview、npmpublish等关键命令,以及版本管理和包的下载使用。
摘要由CSDN通过智能技术生成

1、官网注册

首先要在npm官网注册自己的npm账户,链接:https://www.npmjs.com/
注:由于是国外的网站,特别特别慢。不要灰心

2、查询是否存在包名

要查看npm官网中是否已有自己准备上传的包名,打开cmd。执行命令

指令:npm view 【你的npm包名】

注:包名上传时会自动转小写,所以你还是用小写的名称吧

如果出现如下图。则表示包名已存在,建议换个其他包名
在这里插入图片描述
如果出现以下界面,则表示输入的包名可用。
在这里插入图片描述

3、初始化项目

指令: npm init -y
注:文件夹名称一定不能有中文,否则报错。
在这里插入图片描述
将自己写好的文件放入文件夹
在这里插入图片描述

4、切换自己的npm源

指令:

(1)查看当前源:npm config get registry

(2)切换为npm源:npm config set registry https://registry.npmjs.org

(3)切换为淘宝镜像:npm config set registry=https://registry.npm.taobao.org/
切记:一定要切换为npmjs.org源。

5、添加用户

指令:npm adduser
注:一定要在第一步中注册了账号才行。否则会报错无法继续。

cmd会弹出以下:
Username:输入用户名
Password:输入密码,这里是不显示的,不用担心,正常输入
Email:输入邮箱
Enter one-time password:输入发到邮箱的验证码

6、查看是否成功

指令:npm who am i
出现自己添加的账号即表示成功。

7、上传自己的包

因为第三步添加了index.js文件,所以执行命令
指令:npm publish

在这里插入图片描述
添加到了自己的包中,版本是1.0.1
注:后续如果要修改后重新添加。需要修改package.json中的版本号version。

查看自己的包
npm官网中点击Packages可以查看自己上传的包,点击包名,可以看到npm下载包的命令
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

8、下载自己的包

建立一个空文件夹,执行指令:npm init -y,建立package.json文件
然后下载自己的包
指令:npm i 【包名】
在这里插入图片描述
由于我这里报了个高风险的问题,所以执行命令强制处理了。
处理完了之后继续执行npm i 【包名】
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这样就有了你刚才上传的包了。

9、补充

命令行修改版本
npm version patch
它会将package.json中的version版本加0.0.1

重新发包
npm publish

删除指定包版本
npm unpublish 【包名@版本号】

删除整个包
npm unpublish 【包名】 --force

结束,大吉大利,今晚吃鸡。

  • 6
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

蛋蛋的老公

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

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

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

打赏作者

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

抵扣说明:

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

余额充值