Hfun-ui-vite NPM

✨ 特性

✈️ 基于 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')