At the beginning of this month, we synchronized the latest developments of Vue DevUI in the Nuggets: Vue DevUI already has 10 component members~🥳😋
Soon, many Nuggets' friends are interested in the Vue DevUI open source project:
There are more than
100+
community friends within 3 days to contact us by adding a small assistant WeChat (devui-official), and join our core development group, everyone is very welcome to join~🎉🎉All
61
component fields have been claimed within 5 days40+
friends have become Vue DevUI component library owners~👏👏- A new PR was submitted the next day,
, within 10 days, everyone added
11
new members to Vue DevUI~🥳🥳
The latest version of the Vue DevUI component library is v0.1.3
⚠️Note: This version is not yet complete and cannot be used in a production environment.
Special thanks to the contributions of the following friends 🎉🥳:
- @
- @devin
- @iel
- @kagol
- @LiuSuY
- @lookforwhat
- @lwl
- @mrundef
- @Roading
- @Vergil
- @~zZ.Lucky (this is the lady who mentioned PR on the second day
Lucky
😘)
New components
This version adds 4 categories and a total of 11 components.
Universal
Feedback
Data Entry
- DatePicker Date Picker- @mrundef
- Select drop-down selection box- @lookforwhat
Data Display
- Card- @Vergil
- Carousel revolving lantern- @Roading
- Progress bar- @devin
- Rate @~zZ.Lucky
optimization
- Create DevUI CLI to solve the problem of component directory structure consistency
- Use VitePress to refactor website presentation
In the process of multi-person collaborative development, we found the following two problems:
- The component directory structure is not uniform
- Component export files
vue-devui.ts
often conflict
After discovering this problem, @iel students took the initiative to propose optimization. After simple communication, they decided to create a DevUI CLI scaffolding tool to solve the above two problems. This tool can:
- Quickly create a new component directory structure through the command line step-by-step guide, which perfectly solves the first problem
- The component export file is automatically created and
predev
stage, so that everyone does not need to modify this file, so the second problem can also be solved
@iel students also wrote a special Nuggets article to record this process, very good! Welcome everyone to like and support him~🥳
@iel The spirit of active optimization of classmates, I think it is very valuable!
Find the problem, and actively solve the problem, so as to make the whole project better and truly make a boutique!
Participating in open source projects, I feel that it is not only an addition to our resume, but also an improvement to ourselves:
- Let us learn to collaborate with others to accomplish one thing together
- Learn from others’ excellent practices and experiences by examining other people’s code
- Cultivate the awareness of continuous iteration and optimization, and cultivate the spirit of pursuing quality
- Re-understanding ourselves, self-closing can never break through, and participating in open source allows us to recognize a new self through collaboration with others
The following is the rendering of the website:
Contribution guide
At present, Vue DevUI is still in the process of rapid iteration and improvement. Welcome friends from the community to join us!
- Claim components or tasks
- Fork the warehouse for development
- Submit PR
- View merge
- Continuous optimization
The following is a detailed contribution guide document:
The following is the source code of the project:
https://gitee.com/devui/vue-devui
To participate in the contribution, you can add a small assistant WeChat: devui-official, pull you into the Vue DevUI core member group~😋😋
Welcome to follow us DevUI component library, light up our little star🌟:
https://github.com/devcloudfe/ng-devui
Also welcome to use DevUI’s newly released DevUI Admin system, out of the box, build a beautiful and atmospheric background management system in 10 minutes!
Notice
DevUI Admin version 2.0 will also be released on the 17th of this month, providing a magical black technology, let us wait and see!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。