jettsang / booker-ui Goto Github PK

基于 Vite 的组件库开发实践，包含项目启动，组件文档，代码规范，单元测试和自动部署等内容。

• ⚡ 基于Vite+Vue3，快速开发和构建强壮的应用
• 🎨 使用原子化CSS构建方案
• ✨ 使用Vitest作为测试框架，保障功能稳定性
• 🔖 使用Typescript，提供静态类型检查和类型提示
• 💎 使用Github Action持续集成，自动部署和发布
• 🎲 使用Husky和Eslint检查代码规范，保障良好的代码样式

1. 安装依赖

pnpm install booker-ui -D

2. 引入依赖

import BookerUI from 'booker-ui';
import 'booker-ui/dist/assets/entry.css'

createApp(App).use(BookerUI).mount('#app');

3. 在组件中使用

<template>
  <div>
    <JSXButton color="red">测试按钮</JSXButton>
  </div>
</template>

• 基于 Vite 的组件库工程化实战 - 掘金小册
• Vite官网
• Vitepress官网
• Vue官网