0
点赞
收藏
分享

微信扫一扫

uniapp插件上传npm


1.准备

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

2.开撸

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

2.插件项目结构

uniapp插件上传npm_命令行

3.进入写好的组件目录

我这里是使用win系统

uniapp插件上传npm_编译器_02


4.登入npm账号

npm login

uniapp插件上传npm_推送_03

5.推送npm仓库

uniapp插件上传npm_npm_04


我这里已经提交过一次插件,这里的版本所以是1.1.06.查看npm仓库

uniapp插件上传npm_编译器_05


7.更新插件

npm version 1.2.0

uniapp插件上传npm_命令行_06


8.删除npm项目

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

这里在推送npm远程仓库的时候回报错

uniapp插件上传npm_编译器_07


这是推送的npm镜像地址有问题,估计很多朋友都是用的是淘宝的镜像地址,这里需要跟换为npm官方的地址

查看npm镜像地址

npm config get registry

设置新的npm镜像地址

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

再次publish还是会包一个403的异常,这个异常是邮箱认证的

uniapp插件上传npm_推送_08


邮箱授权

uniapp插件上传npm_命令行_09

npm使用插件

1.拉取npm插件地址

uniapp插件上传npm_编译器_10

2.项目拉取npm插件

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

uniapp插件上传npm_推送_11


3.npm下载插件

npm i my-progress

uniapp插件上传npm_npm_12


下载后项目就会多一个node_modules目录,将node_modules中的插件目录移动到components下

uniapp插件上传npm_推送_13


4.项目引用

uniapp插件上传npm_编译器_14


5.启动测试

uniapp插件上传npm_npm_15


ok!!!

这个插件已经提交给uniapp插件中心了,也可以使用npm直接测试!!!

​​插件地址​​

uniapp插件上传npm_npm_16


举报

相关推荐

0 条评论