最近尝试着整理了自己的代码,找到了一些通用的组件方法函数之类的。想着这些东西也许可以封装一下,打包上传npm,这样自己以后也可以像引用别人的代码一样引用自己的了,岂不美哉?想到就做,经过一些准备,踩过一些坑之后,终于成功的发布了自己的第一个npm测试包(后来又删掉了,毕竟只是测试包,没必要污染环境...),下面简单说一下我的发布流程以及一些踩过的坑。
准备远程仓库(便于之后的更新与维护)
登录github,新建一个远程代码仓库。并clone到本地
准备本地文件
本地迁入已经准备好的项目文件并上传远程仓库;
执行npm init,在这里会让你填写一些对你要发布npm包的信息,例如包名、版本(包名理论上只要不和已有包重名就没问题,版本可以随便写,不过两者都有自己的命名规范,最好还是按规矩来,这个具体可以自行百度npm包名、版本命名规范)。在npm init之后,你的项目根目录里就会有package.json文件了。此时如果你的文件没有问题就可以正式发布了。
ps:版本命名规范
patch: 小改动,比如修个bug什么的,版本号变动: v1.0.0->v1.0.1
minor:增加新功能,不影响现有功能,版本号变动v1.0.0->v1.1.0
major:破坏模块向后的兼容性,版本号变动:v1.0.0->v2.0.0
切换npm源(已经是官方源的可以跳过)
首先运行npm get registry命令,确认npm源。一般来说国内大部分都设置的是淘宝镜像,如果检查结果是https://registry.npmjs.org/官方源的话那这步可以省略了。
切换命令:npm config set registry https://registry.npmjs.org/
记得发布完后切回淘宝镜像:npm config set registry http://registry.npm.taobao.org/
准备npm账号(已经有的可以跳过)
注册账号的方法有两种:
一、去官网注册(推荐);
二、运行npm adduser,依次输入Username、Password、Email完成注册(这个我没试,看网上说有可能不会成功)。
准备好账号之后,运行npm login命令,输入账户名、密码、email之后成功登陆,可以运行npm whoami命令确认是否登录。
发布npm包
运行npm publish,这个没啥好说的。
ps:关于npm包的一些其他操作(24小时内可撤销)
npm unpublish test //撤销已发布的包
npm unpublish test --force //强制撤销
npm unpublish test@1.0.2 //可以撤销发布自己发布过的某个版本的代码
踩的一些坑
总的来说,过程不复杂,但无奈我就是一个爱踩坑的人,在这里记录一下。
npm源的问题:我一开始是淘宝的镜像,登录成功后,发布提示报错,这个报错还算明显,很快明白了问题所在并解决了这个问题。
npm publish发布失败:这个报错不是很明显
npm ERR! 403 403 Forbidden - PUT http://registry.npmjs.org/hello_test_npm - You do not have permission to publish "xxx". Are you logged in as the correct user?
npm ERR! 403 In most cases, you or one of your dependencies are requesting
npm ERR! 403 a package version that is forbidden by your security policy.
这个问题困扰我很长一阵时间,最先定位的是包名跟npm上已有包名的冲突问题,但是在npm上并没有发现我的包名有人用过。然后看到可能是因为项目名称与包名不能相同(至今不知道这个到底会不会报错),于是修改了项目名称,无效;怀疑是版本名称不规范,修改后无效;最后怀疑是node版本问题,遂去升级了node.js(这里又踩了一些坑,建议就直接卸载重装吧,以此避开平稳升级node的坑),依旧无效。直到后来开始怀疑是自己账号问题,经过一番确认,没有验证npm账号邮箱...验证成功后发布成功。