编程知识 cdmana.com

Vue devui already has 10 component members ~ 🥳

3 Months ago , We posted an article in the community , Officially launched Vue DevUI project . Let's build together Vue DevUI Project !🥳

Soon, many small partners who love open source participated , So we quickly established Vue DevUI Core member group , We discussed together Vue DevUI Technology stack of component library :

  • Vite
  • Vue3
  • TypeScript
  • JSX

So far, the group has developed to 46 Members of the team ,Vue DevUI The component library has also added 10 Component members , And in npm Released v0.1.0 edition :

vue-devui@0.1.0

️ Be careful : This version is not perfect , Not available in production environment .

Special thanks to the following partners for their contributions 🥳:

Next, synchronize Vue DevUI Current progress , Welcome interested partners to participate in Vue DevUI During the construction of the project !

By participating in Vue DevUI project , You can :

  • Learn the latest Vite+Vue3+TSX technology
  • Learn how to design and develop components
  • Get involved in the open source community
  • Meet a group of people who love learning 、 Friends who love open source

New components

General components :

  1. Button Button components
  2. Panel Panel as

Navigation components :

  1. Tabs Tab components

Feedback components :

  1. Alert Warning component

Data entry component :

  1. CheckBox Check box components
  2. Radio Radio box components
  3. Switch Switch assembly
  4. TagsInput Tag input components
  5. TextInput Text box components

Data display components :

  1. Avatar Head image component

The following is the effect picture of the website :

demo.png

api.png

The details of the Release Notes You can refer to :

https://gitee.com/devui/vue-devui/releases/v0.2.0

Optimize and standardize

at present Vue DevUI The following specifications have been added to the component library project :

  1. Jest unit testing
  2. ESLint Code specification
  3. StyleLint Style specification
  4. ls-lint Folder / File naming conventions
  5. CommitLint Code submission specification

Quick start

Start the trilogy quickly :

  • install
  • introduce
  • Use

install vue-devui

npm i vue-devui
# npm i vue-devui --registry=https://registry.npm.taobao.org/

introduce vue-devui

main.ts

import { createApp } from 'vue'
import App from './App.vue'

//  introduce  Vue DevUI  Component library 
import DevUI from 'vue-devui'
import 'vue-devui/style.css'

//  Use vue-devui
createApp(App).use(DevUI).mount('#app')

Use Button Components

App.vue

<d-button> determine </d-button>

design sketch :

devui button.png

The following is the source code of the project :

https://gitee.com/devui/vue-devui

You can add a small assistant wechat to participate in the contribution :devui-official, Pull you in Vue DevUI Core member group ~

Welcome to follow us DevUI Component library , Light up our little stars :

https://github.com/devcloudfe/ng-devui

Welcome to DevUI Newly released DevUI Admin System , Open the box ,10 Minutes to build a beautiful atmosphere of the background management system !

Notice

DevUI It will be this month 10 Promulgated by the DevUI 12 edition , In addition to upgrading Angular 12 outside , More interesting new features , Look forward to it !
DevUI Admin 2.0 The version will also be released this month 17 Heavy release No , Provides a magical black Technology , Let's see !

版权声明
本文为[Devui team]所创,转载请带上原文链接,感谢
https://cdmana.com/2021/08/20210804212523195F.html

Scroll to Top