uniapp插件上传npm

1.准备

1.npm账号一个
2.写好的插件一个
3.node环境一个

2.开撸

1.npm官方创建账号
NPM官网

2.插件项目结构
在这里插入图片描述

3.进入写好的组件目录
我这里是使用win系统
在这里插入图片描述
4.登入npm账号

 npm login

在这里插入图片描述

5.推送npm仓库
在这里插入图片描述
我这里已经提交过一次插件,这里的版本所以是1.1.0

6.查看npm仓库
在这里插入图片描述
7.更新插件

npm version 1.2.0

在这里插入图片描述
8.删除npm项目

npm unpublish guitest@1.0.1 //指定版本号

这里在推送npm远程仓库的时候回报错
在这里插入图片描述
这是推送的npm镜像地址有问题,估计很多朋友都是用的是淘宝的镜像地址,这里需要跟换为npm官方的地址

查看npm镜像地址

npm config get registry

设置新的npm镜像地址

npm config set registry=http://registry.npmjs.org

再次publish还是会包一个403的异常,这个异常是邮箱认证的
在这里插入图片描述
邮箱授权
在这里插入图片描述

npm使用插件

1.拉取npm插件地址
在这里插入图片描述

2.项目拉取npm插件
这里我已uniapp为编译器,但是这个编译器可能有点不太友好,命令行拉取不出来!所以这里就采用打开项目地址,在使用win的自带命令行npm安装插件
在这里插入图片描述
3.npm下载插件

npm i my-progress

在这里插入图片描述
下载后项目就会多一个node_modules目录,将node_modules中的插件目录移动到components下
在这里插入图片描述
4.项目引用
在这里插入图片描述
5.启动测试
在这里插入图片描述
ok!!!
这个插件已经提交给uniapp插件中心了,也可以使用npm直接测试!!!
插件地址
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

程序员劝退师-TAO

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

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

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

打赏作者

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

抵扣说明:

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

余额充值