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直接测试!!!
插件地址
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐