3个月之前，咱们在社区发了一篇文章，正式发动了 Vue DevUI 我的项目。让咱们一起建设 Vue DevUI 我的项目吧！🥳
很快就有不少酷爱开源的小伙伴参加进来，于是咱们迅速成立了Vue DevUI 核心成员小组，一起探讨出了Vue DevUI组件库的技术栈：
- Vite
- Vue3
- TypeScript
- JSX
到目前为止该小组已倒退到46名成员，Vue DevUI 组件库也新增了10个组件成员，并在npm公布了v0.1.0版本：
vue-devui@0.1.0
⚠️留神：该版本还不欠缺，不可用于生产环境。
特别感谢以下小伙伴的奉献🎉🥳：
- brenner8023
- flxy1028
- kagol
- to0simple
- Zcating
接下来同步下Vue DevUI目前的停顿状况，欢送感兴趣的小伙伴参加到 Vue DevUI 我的项目的建设中来！👏🎉
通过参加 Vue DevUI 我的项目，你能够：
- 学习最新的 Vite+Vue3+TSX 技术
- 学习如何设计和开发组件
- 参加到开源社区中来
- 结识一群酷爱学习、酷爱开源的敌人
新增组件
通用组件：
- Button按钮组件
- Panel面板组件
导航组件：
- Tabs选项卡组件
反馈组件：
- Alert正告组件
数据录入组件：
- CheckBox复选框组件
- Radio单选框组件
- Switch开关组件
- TagsInput标签输出组件
- TextInput文本框组件
数据展现组件：
- Avatar头像组件
以下是网站的效果图：
具体的 Release Notes 信息能够参考：
https://gitee.com/devui/vue-devui/releases/v0.2.0
优化和标准
目前 Vue DevUI 组件库我的项目已减少以下标准：
- Jest 单元测试
- ESLint 代码标准
- StyleLint 款式标准
- ls-lint 文件夹/文件命名标准
- CommitLint 代码提交标准
疾速开始
疾速开始三部曲：
- 装置
- 引入
- 应用
装置 vue-devui
npm i vue-devui
# npm i vue-devui --registry=https://registry.npm.taobao.org/引入 vue-devui
main.ts
import { createApp } from 'vue'
import App from './App.vue'
// 引入 Vue DevUI 组件库
import DevUI from 'vue-devui'
import 'vue-devui/style.css'
// 应用vue-devui
createApp(App).use(DevUI).mount('#app')应用 Button 组件
App.vue
<d-button>确定</d-button>效果图：
以下是该项目标源码：
https://gitee.com/devui/vue-devui
参加奉献能够加小助手微信：devui-official，拉你进Vue DevUI核心成员小组～😋😋
欢送关注咱们DevUI组件库，点亮咱们的小星星🌟：
https://github.com/devcloudfe/ng-devui
也欢送应用DevUI新公布的DevUI Admin零碎，开箱即用，10分钟搭建一个好看大气的后盾管理系统！
预报
DevUI 将于本月10日公布 DevUI 12 版本，除了降级 Angular 12 之外，更有超多乏味的新个性，纵情期待！
DevUI Admin 2.0 版本也将在本月17号重磅公布，提供了一项神奇的黑科技，让咱们刮目相待吧！
发表回复