hfun-ui-vite

hfunUI 组件库🧑‍💻👩‍💻👨‍💻

中文 | English

✨ 特性

• ✈️ 基于 Vite 开发，紧跟时代
• 📝 官方文档急于 VitePress 搭建
• 🌈 用 UnoCss 实现原子化 CSS
• 💻 基于 Vitest进行单元测试
• 📰 基于 Eslint + Prettier + husky完成项目规范化
• 🧮 基于 Github Action 进行 CI、CD
• 📤 利用 Monorepo 方式管理组件库生态
• 🔥 使用 Codecov 生成测试报告

🔑 安装

使用 pnpm 安装

pnpm add --save-dev hfun-ui-vite

使用 npm 安装

npm install --save-dev hfun-ui-vite

使用 yarn 安装

yarn add --save-dev hfun-ui-vite

🎉 快速上手

📈 全量导入

在 main.ts 中引入下面内容

import { createApp } from 'vue'
import App from './App.vue'
import hfunUI from 'hfun-ui-vite'
import 'hfun-ui-vite/style.css'

createApp(App).use(hfunUI).mount('#app')

😄 按需导入

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

import { HButton } from 'hfun-ui-vite'
import 'hfun-ui-vite/HButton/style.css'
createApp(App).component(HButton.name, HButton).mount('#app')

🎨 相关链接

• 官方文档
• NPM