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