记录一下上传npm包

136 阅读2分钟

第一次上传npm包紧张又激动,当然也走了无数的坑,在此记录一下。

第一步注册账户

npm官网注册自己的npm账户

第二步查询包名

查看npm官网中是否已有自己准备上传的包名,我用的webstrom。直接在终端中输入npm view 【你的npm包名】(你也可以在cmd中输入)

也可以在npm官网中直接搜索你的包名

上传的包小写可以用“-”

第三步切换npm源

查看当前源:npm config get registry

切换为npm源:npm config set registry="registry.npmjs.org"

切换为淘宝镜像:npm config set registry="registry.npm.taobao.org/"

image.png 前面要加“https://” 怎么发布成功之后就把这个滤掉了

切记:一定要切换为npmjs.org源。

我就是没有切换源导致后面publish的时候怎么都同步不上去

第四步添加用户

npm adduser或者npm login之后会逐步出现以下内容

Username:输入用户名

Password:输入密码,这里是不显示的,不用担心,正常输入

Email:输入邮箱

Enter one-time password:输入发到邮箱的验证码

完成之后输入npm who am i查看是否已经添加

第五步上传

在package.json中有个main,默认是index.js,这个是入口文件,我这里的入口文件是一个打包后的地址。如果修改地址一定要指向正确,不然npm下来的包会找不到路径

然后每次publish之前都要在package.json中设置版本号,版本号不能重复。

image.png

第六步查看自己的包

去官网查看一下自己的包,看看修改的版本有没有同步上去

image.png

第七步下载

现在可以去项目里面npm自己的包了

我一直都是npm i 【包名】,成功之后发现在package.json中并没有我的包。所以npm i 【包名】 -S,它就能出现在里面了。

以上就成功的上传了一个npm包,在项目上跑起来的时候还是有点小激动的,毕竟我踩了一些坑搞了一天才好呀。