2023年了!还有前端人不知道TinyVue?
你还在解决不同的终端、不同的版本之间
可能会出现冲突和错误的兼容性问题吗?
快来了解TinyVue项目吧~
活动介绍:
TinyVue邀您一起定义开源新风尚,为更好的了解开发者用户对于咱们组件库的使用与体验,收集广大开发者用户对于前端组件库的需求与建议,现邀请各位前端开发小伙伴们踊跃报名参加本次TinyVue招募活动,欢迎进入代码仓库(GitHub: GitHub - opentiny/tiny-vue: An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.)体验使用
TinyVue简介:
TinyVue项目是一个基于 Vue 的 UI 组件库,包含80多个基础组件,可满足大部分业务场景,采用组件与框架分离的 Renderless 技术架构,一套代码同时支持 Vue 2.0 和 Vue 3.0,一套代码同时支持 PC 端和移动端。
项目首页:OpenTiny - 企业级产品的完整设计和开发解决方案
使用指南:环境准备 - TinyVue (opentiny.design)
小助手微信:opentiny-official
活动奖品:
活动规则:
- 进入代码仓库GitHub:
2、下载使用TinyVue组件库工具,加入TinyVue交流群组,参与共享共建
获奖规则:
加入OpenTiny交流群组,参与共享共建
Vue.js设计与实现书籍1本(共7名):
- 输出10条优质issue(上传路径:进入官方GitHub仓库GitHub - opentiny/tiny-vue: An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.点击issue或pr页面提出),内容由官方人员进行审核评定3位 即可获得
- 输出5条pr内容并被合并(上传路径:进入官方GitHub仓库GitHub - opentiny/tiny-vue: An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.点击issue或pr页面提出)内容由官方人员进行审核评定2位 即可获得
- 邀请5位好友体验项目并每人输出2条优质issue或pr内容并被合并(上传路径:进入官方GitHub仓库GitHub - opentiny/tiny-vue: An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.点击issue或pr页面提出),内容由官方人员进行审核评定2位 即可获得
划重点↓↓↓
所有报名中奖用户需要添加小助手微信:opentiny-official,进入交流群,具有获奖资格,贡献者可根据自身贡献情况兑换奖品内容~
使用指南:
- 创建一个 Vue 工程:npm create vite tiny-vue-project
- 安装 TinyVue 组件库:npm i @opentiny/vue@3 (如果创建的是 Vue2 项目,则安装 npm i @opentiny/vue@2)
- 使用 TinyVue 组件:
在 App.vue 文件中使用
<template>
<div>
<tiny-button>TinyVue</tiny-button>
<tiny-alert description="TinyVue"></tiny-alert>
</div>
<
/template>
<script>
import { Button, Alert } from '@opentiny/vue
'
export default {
components: {
TinyButton: Button,
TinyAlert: Alert
}
}
</script>
详细的指南请参考:TinyVue
活动时间:2023年3月20日—2023年6月20日
参与方式:
第一步进入 GitHub: GitHub - opentiny/tiny-vue: An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile. 安装下载组件库项目
第二步加入TinyVue交流群组,完成下述共建内容,
- 新增规则
要求:
- 新增原来没有的规范
- 按照开发流程成功合入
- 订正规则
要求:
- 提出issue,且issue得到owner的认可
- 按照开发流程成功合入
贡献指南:tiny-vue/CONTRIBUTING.md at dev · opentiny/tiny-vue · GitHub
相关规范:
1. issue规范
提交入口:Issues · opentiny/tiny-vue (github.com)
规范类型 |
规范模板 |
标题 |
【组件名】问题描述 |
内容 |
描述清楚使用的组件库版本,比如@opentiny/[email protected] |
标签 |
Bug、Feature、Suggestion |
2. MR规范
一个MR只提交一个功能;
MR必须由指定committer和reviewer检视无问题才可合入;
commit message需符合Commit & MR规范。约定式提交 (conventionalcommits.org)
FAQ
Q1: 我提交了MR,代码为什么没有合入?
A1: 项目owner会定期审核MR,如果提交内容内容准确、有效,会合如MR。大家提交合并请求后也可提醒owner审核
Q2: 我发现的BUG是否有效,我提交的MR是否满足要求?
A2: 请加入Welink交流群反馈。
OpenTiny更多其他项目也等你体验~~