/booker-ui

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

Primary LanguageTypeScriptMIT LicenseMIT


Slidev

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

功能

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

快速开始

  1. 安装依赖
pnpm install booker-ui -D
  1. 引入依赖
import BookerUI from 'booker-ui';
import 'booker-ui/dist/assets/entry.css'

createApp(App).use(BookerUI).mount('#app');
  1. 在组件中使用
<template>
  <div>
    <JSXButton color="red">测试按钮</JSXButton>
  </div>
</template>

参考链接