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

  • Post author:
  • Post category:其他




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


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



版权声明:本文为weixin_51499232原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。