发布自己的第一个npm包

1 篇文章 0 订阅
本文详细介绍了如何从创建Vue项目开始,通过上传到GitHub,再到发布到npm的完整流程。包括创建项目、配置git仓库、登录npm并发布包。同时,文章还分享了解决npm登录和发布时遇到的常见问题,如npm镜像设置和包名冲突的解决方案。
摘要由CSDN通过智能技术生成

关于发布包,楼主在掘金总结出的最新文: 传送口

三个步骤:

①创建项目
②上传到github
③发布到npm

①创建项目:

(1)创建一个名为test的文件夹:mkdir test
(2)进入到test文件夹里创建名为npm_test_z项目(默认vue3.x):vue create npm_test_z 或者vue create npm_test_z -y

②上传到github:

注:如果还没有github账号就去注册一个。
(1) 在github上创建一个仓库,复制https地址。
(2) 进到项目根目录下,输入以下命令:

git add .
git commit -m 'first commit'                           
git remote add origin 远程仓库的https地址       //将本地仓库与远程仓库关联
git push -u origin master //把代码上传到github仓库

③发布到npm:

注:如果还没有npm账号就去注册一个。注册入口
(1) 进入项目打开终端运行:

   npm login     //登录npm
   //输入账号,密码,邮箱(注意:输的时候密码是隐藏的也没有空格,照常输就行了)
npm publish //发布到npm

最后总结几个自己碰到的问题:

(1)npm login 的时候:
在这里插入图片描述
解决方法:因为镜像设为淘宝镜像了,改回来npm镜像即可。

npm i nrm -g  //全局安装nrm(nrm是npm的镜像源管理工具,有时候国外资源太慢,使用这个就可以快速地在 npm 源间切换)
  nrm ls            //查看
  nrm use npm   //改回npmjs镜像

分享解决的艰难过程:之前一直以为

A complete log of this run can be found in:
npm ERR!     C:\Users\白开水\AppData\Local\npm-cache\_logs\2022-02-18T07_24_36_858Z-debug-0.log

这个导致的,然后网上各种找方法还是不行:

  1. 重新安装最新版本npm: npm i npm -g
  2. 删除本地node_modules 依赖包: rimraf node_modules
  3. 清除缓存:npm cache clean --force
  4. 安装依赖:npm i

最后才发现是因为镜像设为淘宝镜像问题(哭死)

(2)npm publish 的时候:
在这里插入图片描述
解决方法:把package.json里的"private": true,改成"private": false,
在这里插入图片描述
解决方法::package.json里的name改成别的名(这是因为包名被占用了)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值