uniapp插件开发：uniapp使用uni_modules开发插件、发布插件，直接导入，一键升级

目录

• 背景
• 开发前提条件
• 插件开发步骤
• 参考
• 更多

背景

uni_modules是uni-app的插件模块化规范（HBuilderX 3.1.0+支持），通常是对一组js sdk、组件、页面、uniCloud云函数、公共模块等的封装，用于嵌入到uni-app项目中使用，也支持直接封装为项目模板。

插件开发者，可以像开发uni-app项目一样编写一个uni_modules插件，并在HBuilderX中直接上传至插件市场。

uni_modules开发的插件，可以直接在uniapp的任意页面直接使用，与easycom组件模式类似，避免了每个页面引入才能使用。

更多uni_modules相关内容：https://uniapp.dcloud.io/uni_modules

开发前提条件

• 开发环境HBuider X
• 用于开发插件的uniapp项目
• 开发和测试环境（我用的微信开发工具、浏览器、手机）

插件开发步骤

新建uni_modules插件

1. 在uniapp项目根目录新建uni_modules文件夹（如果有可以忽略这步）。

2. 右击uni_modules文件夹，点击新建uni_modules插件。

   

3. 弹出对话框，填写插件id和地址和分类，点击【创建】。

   

4. 创建的插件在这里：

   

   uni-modules的目录结构请参考：https://uniapp.dcloud.io/uni_modules?id=%e7%9b%ae%e5%bd%95%e7%bb%93%e6%9e%84

编写插件内容

这里的内容就不展示了，这里是我开发一个可竖向和横向摆放的slider滑动插件的一个案例，相关内容：https://editor.csdn.net/md/?articleId=121018667

编写插件文档

1. 编写插件下面的readme.md插件文档。
2. 顺便介绍一个写markdown文档的好帮手：有道云笔记，直接新建markdown文件，重命名为README.md，在里面编辑很方便，编辑好了导出来就是。

发布到插件市场

1. 鼠标右击uni_modules目录下写好的插件，弹出选择框，选择发布到插件市场。

   

2. 弹出发布到插件市场的对话框，填好相应的信息，一般会自动填充命的名字。但是是否符合要求需要仔细阅读 插件ID命名规范。继续下滑内容填写相关信息，填完后确认无误，提交。

   

   

   

   

   

   注意：

• 上面的信息可以在插件里的package.json中填写配置。配置的详细说明请参考：https://uniapp.dcloud.io/uni_modules?id=%e9%85%8d%e7%bd%ae
• 更新日志为必填项。添加的更新日志，会与文件changelog.md同步。

3. 提交后就会发布到插件市场，可到管理中心查看：https://ext.dcloud.net.cn/manage

参考

• https://www.cnblogs.com/luyj00436/p/15007870.html#beijing

–

如果对此插件有任何疑问，更多相关技术可以加QQ群交流：568984539

更多前端、uniapp、nodejs等相关知识可关注我个人博客：https://blog.csdn.net/qq_42961150spm=1011.2124.3001.5343