uni-app如何上传插件赚钱

第一步:到uni-app插件平台注册账号

https://ext.dcloud.net.cn/

第二步:插件编写

这里以页面插件为例子,例如我们要上传一个类型下图顶部导航栏的插件

插件需要准备components、component.md、package.json这三个文件

components是自己的插件代码,component.md是对这个插件的说明,package.json是插件版本相关的信息

组件components可以到自己项目,写好的组件直接拷贝

component.md是markdown格式文件,参考如下


#使用说明
引入插件参考下面代码使用
``` js
<template>
    <topNavigationBar :current=current :dataList=dataList @select="topBarSelect" ></topNavigationBar>
</template>
<script>
import topNavigationBar from '../../components/top-navigation-bar/top-navigation-bar.vue'
export default {
    data() {
        return {
            current: 0,
            topCurrent: 0,
            dataList:[
                '精选',
                '关系破冰',
                '确定关系',
                '留白',
                '交友',
                '表白',
                '搭讪'
            ]
        }
    },
    components:{
        topNavigationBar
    },
    methods: {
        topBarSelect(index) {
            // 当前选择tab
        }
    }
}
</script>
```

package.json文件参考如下

{
    "id": "top-navigation-bar",
    "name": "顶部导航栏",
    "version": "1.0.1",
    "description": "顶部导航栏",
    "displayName":"boom-顶部导航栏",
    "engines": {
        "HBuilderX": "4.15"
    },
    "keywords": [
        "顶部导航栏"
    ],
    "dcloudext": {
        "category": [
            "前端组件",
            "通用组件"
        ]
    }
}

这些都弄好了,将这三个文件在同一目录下打包成zip格式。然后就可以到uni-app插件平台上传插件了,上传后可以开启插件广告,别人下载你的插件需要看广告,这样你的插件就会有收益。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值