基于 Vite 的组件库开发实践,包含项目启动,组件文档,代码规范,单元测试和自动部署等内容。
- ⚡ 基于Vite+Vue3,快速开发和构建强壮的应用
 - 🎨 使用原子化CSS构建方案
 - ✨ 使用Vitest作为测试框架,保障功能稳定性
 - 🔖 使用Typescript,提供静态类型检查和类型提示
 - 💎 使用Github Action持续集成,自动部署和发布
 - 🎲 使用Husky和Eslint检查代码规范,保障良好的代码样式
 
- 安装依赖
 
pnpm install booker-ui -D
- 引入依赖
 
import BookerUI from 'booker-ui';
import 'booker-ui/dist/assets/entry.css'
createApp(App).use(BookerUI).mount('#app');- 在组件中使用
 
<template>
  <div>
    <JSXButton color="red">测试按钮</JSXButton>
  </div>
</template>