Vue DevUI基于 DevUI Design 的 Vue3 組件庫(kù)
Vue DevUI 是一個(gè)基于 DevUI Design 的 Vue3 組件庫(kù)。
?? 特性：
- ?? 包含 55 個(gè)簡(jiǎn)潔、易用、靈活的高質(zhì)量組件
- ?? 支持 TypeScript
- ?? 支持 Nuxt3
- ? 支持按需引入
- ?? 支持國(guó)際化
- ?? 支持主題定制，并內(nèi)置 追光 / 蜜糖 / 紫羅蘭 等 7 種漂亮的主題
?? 如何使用
1. 安裝
npm i vue-devui
2. 引入
在main.ts文件中引入vue-devui。
import { createApp } from 'vue'
import App from './App.vue'
// 引入 Vue DevUI 組件庫(kù)及樣式
import DevUI from 'vue-devui'
import 'vue-devui/style.css'
createApp(App).use(DevUI).mount('#app')
3. 使用
在App.vue文件中使用 Vue DevUI 組件。
<template>
<d-button>確定</d-button>
</template>
??? 本地開(kāi)發(fā)
git clone [email protected]:DevCloudFE/vue-devui.git
cd vue-devui
pnpm i
pnpm dev
打開(kāi)瀏覽器訪問(wèn)：http://localhost:3000/
或者你也可以運(yùn)行以下命令：
pnpm scripts
?? 參與貢獻(xiàn)
歡迎你參與到 Vue DevUI 項(xiàng)目的建設(shè)中來(lái)！??
通過(guò)參與 Vue DevUI 項(xiàng)目，我們可以一起：
- ?? 學(xué)習(xí)最新的
Vite+Vue3+TypeScript+JSX技術(shù) - ?? 學(xué)習(xí)如何設(shè)計(jì)和開(kāi)發(fā)組件
- ? 磨練編程技能，學(xué)習(xí)優(yōu)秀的編程實(shí)踐
- ?? 結(jié)識(shí)一群熱愛(ài)學(xué)習(xí)、熱愛(ài)開(kāi)源的朋友
如果你不知道從哪兒開(kāi)始，可以閱讀我們的貢獻(xiàn)指南
? 維護(hù)者
維護(hù)者是做出杰出貢獻(xiàn)且在社區(qū)長(zhǎng)期活躍的 DevUI 社區(qū)成員。
- kagol
- xingyan95
- linxiang07
- Zcating
- TinsFox
- JensonMiao
- xiejay97
- daviForevel
- AlanLee97
- SituC
- lj1990111
- newer2333
- vaebe
- ivestszheng
- ElsaOOo
- asdlml6
- GaoNeng-wWw
- chenxi24
- ErKeLost
- brenner8023
杰出貢獻(xiàn)包括但不僅限于以下行為：
- 合并 10 個(gè)以上 PR
- 提出超過(guò) 10 條被 PR 作者認(rèn)可的檢視意見(jiàn)
- 提供建設(shè)性的優(yōu)化意見(jiàn)并推動(dòng)項(xiàng)目變得更好
? 貢獻(xiàn)者
貢獻(xiàn)者是在 DevUI 社區(qū)中合并了 1 個(gè)或多個(gè) PR 的社區(qū)成員。
感謝以下 DevUI 的田主們 (emoji key):
該項(xiàng)目遵循 all-contributors 規(guī)范。歡迎任何形式的貢獻(xiàn)！
合作項(xiàng)目
開(kāi)源許可
評(píng)論
圖片
表情