uniapp怎么开发插件并发布

这篇具有很好参考价值的文章主要介绍了uniapp怎么开发插件并发布。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

今天耳机坏了,暂时内卷不了,所以想开发几个插件玩玩,也好久没写博客了,就拿这个来写了

首先,发布插件时需要你有项目

这里先拿uniapp创建一个项目,
如下,创建好的项目长这样

uniapp发布插件,uniapp 插件,uni-app,uniapp插件开发,uniapp开发插件,uniapp插件发布,uniapp怎么开发插件,uniapp插件,uniapp插件编辑
然后根据uniapp官网上说的,我们发布插件时,需要在uni_modules里面编写和发布
uniapp发布插件,uniapp 插件,uni-app,uniapp插件开发,uniapp开发插件,uniapp插件发布,uniapp怎么开发插件,uniapp插件,uniapp插件编辑

ps:还需要使用uniapp登录后才能发布

如下,新建一个uni_modules文件夹
在项目根目录右键,然后选择新建uni_modules目录
uniapp发布插件,uniapp 插件,uni-app,uniapp插件开发,uniapp开发插件,uniapp插件发布,uniapp怎么开发插件,uniapp插件,uniapp插件编辑
创建uni_modules目录后,在uni_modules目录上右键,可以看到如下菜单栏
新建uni_modules插件与从插件市场更新插件,
本篇文章是为了教开发插件的,所以这里选择新建插件

uniapp发布插件,uniapp 插件,uni-app,uniapp插件开发,uniapp开发插件,uniapp插件发布,uniapp怎么开发插件,uniapp插件,uniapp插件编辑

点击新建插件后,出来如下弹出窗,
可以发现,uniapp非常贴心的告诉了我们,插件的名称格式建议为作者id+名字

红色箭头所指处为插件分类,
我这里打算创建的是开关插件(ps:市面上的这个插件太丑丑丑丑丑了)
求人不如靠己,所以我自己写

所以这里选择通用组件,其它的相信各位在座彦祖都清除是什么意思,
所以这里不再赘述
uniapp发布插件,uniapp 插件,uni-app,uniapp插件开发,uniapp开发插件,uniapp插件发布,uniapp怎么开发插件,uniapp插件,uniapp插件编辑
试了下取名不听他的建议,竟然就不给我创建,
uniapp发布插件,uniapp 插件,uni-app,uniapp插件开发,uniapp开发插件,uniapp插件发布,uniapp怎么开发插件,uniapp插件,uniapp插件编辑

新建完之后就是如下文档解构,
看得出,uniapp这是把插件当成一个完整的小项目了

uniapp发布插件,uniapp 插件,uni-app,uniapp插件开发,uniapp开发插件,uniapp插件发布,uniapp怎么开发插件,uniapp插件,uniapp插件编辑
应为篇幅原因,所以插件的开发内容我就放在另一篇文章里了
这里就先去开发这个插件了
感兴趣的可以去看看
这里先断更一会儿
---------------------------------------------------编辑时间为2024/1/13 22:13-----------------------------------------------文章来源地址https://www.toymoban.com/news/detail-809096.html

到了这里,关于uniapp怎么开发插件并发布的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2024年02月05日
    浏览(90)
  • WebStorm开发uni-app ,用vue2实现手机APP(apk) + 微信小程序多端项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2024年02月11日
    浏览(69)
  • uni-app模版(扩展插件)

    锋哥原创的uni-app视频教程: 2023版uniapp从入门到上天视频教程(Java后端无废话版),火爆更新中..._哔哩哔哩_bilibili 2023版uniapp从入门到上天视频教程(Java后端无废话版),火爆更新中...共计23条视频,包括:第1讲 uni-app简介、第2讲 uni-app环境搭建、第3讲 uni-app之HelloWorld实现等,

    2024年02月03日
    浏览(45)
  • 『UniApp』uni-app-打包成App

    大家好,我是 BNTang, 在上一节文章中,我给大家详细的介绍了如何将我开发好的项目打包为微信小程序并且发布到微信小程序商店 趁热打铁,在来一篇文章,给大家详细的介绍如何将项目打包成APP。 打包 App 也是一样的,首先需要配置关于 App 应用的基础信息,打开 manifest

    2024年02月04日
    浏览(99)
  • 【UniApp】-uni-app-网络请求

    经过上个章节的介绍,大家可以了解到 uni-app-pinia存储数据的基本使用方法 那本章节来给大家介绍一下 uni-app-网络请求 的基本使用方法 首先我们打开官方文档,我先带着大家看一下官方文档的介绍:https://uniapp.dcloud.net.cn/api/request/request.html 从官方文档中我们可以看到,可以

    2024年02月04日
    浏览(50)
  • 【UniApp】-uni-app-打包成网页

    经过上一篇文章的介绍,已经将这个计算器的计算功能实现了,接下来就是我们项目当中的一个发包上线阶段,我模拟一下,目的就是为了给大家介绍一下,uni-app是如何打包成网页的。 除了可以打包成网页,uni-app还可以打包成小程序、App、H5、快应用等等,后面在单独开文

    2024年02月04日
    浏览(69)
  • Uniapp uni-app学习与快速上手

    个人开源uni-app开源项目地址:准备中 在线展示项目地址:准备中 什么是uni-app uni,读 you ni ,是统一的意思。 Dcloud即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位,致力于推进HTML5发展构建,HTML5生态。 2012年,DCloud开始研发小程序技术,优化webvie

    2024年02月09日
    浏览(58)
  • uni-app小程序使用DCloud(插件市场)流程

    一、DCloud(插件市场) DCloud 是uni-app官方插件市场,里面有官方、团队、个人发布的众多插件,包括 uni-ui、uni-pay 等。而像 uni-ui 这种大型组件库都有官方文档可参考,但一些团队或个人发布的小型插件没有文档,只有下载、导入按钮。本文就以电子 签名插件 jushi-signature 为

    2024年02月05日
    浏览(51)
  • uni-app使用HBuilder X编辑器本地打包apk步骤说明

    下载地址官方地址:Android Studio 下载文件归档  |  Android 开发者  |  Android Developers 安装Android SDK和Google USB Driver即可,后者主要是为了后期使用USB设置的,如果不需要可以不点。 下载地址:Android 离线SDK - 正式版 | uni小程序SDK 注意:Android离线SDK的版本一定注意和HBuilder X的版

    2024年02月04日
    浏览(61)
  • 【UniApp】-uni-app-项目实战页面布局(苹果计算器)

    经过前面的文章介绍,基本上 UniApp 的内容就介绍完毕了 那么从本文开始,我们就开始进行一个项目的实战 这次做的项目是苹果计算器,这个项目的难度不是很大,但是也不是很简单,适合练手 打开 HBuilderX,点击左上角 文件 - 新建 - 项目 : 项目创建完毕之后,首先来分析

    2024年02月04日
    浏览(63)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包