# kitty-ui

**Repository Path**: geeksdidi/kittyui

## Basic Information

- **Project Name**: kitty-ui
- **Description**: 一个使用Vite+Ts搭建的Vue3组件库框架
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: dev
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 85
- **Forks**: 28
- **Created**: 2022-07-05
- **Last Updated**: 2025-07-25

## Categories & Tags

**Categories**: vue-extensions

**Tags**: Vue, TypeScript

## README

<h1 align="center">
    Kitty-UI
</h1>

![v](https://img.shields.io/npm/v/kitty-ui)
![d](https://img.shields.io/npm/dt/kitty-ui)

- 💪 Vue 3 Composition API
- 🔥 Written in TypeScript

<p align="center">Kitty UI - A Vue.js 3 UI library</p>

## 了解更多

如果你想了解整个 Vue3 框架的搭建细节,可以点击 扫码关注公众号 查看完整系列教程,有问题可以直接留言,或者点击<a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=crNHhLZYUpx3MHdlzD2r3NcE93WKt_w7&jump_from=webapi&authKey=4KF8ltIhPHIbXHudldjvq7Q/W6COfs+ycjKTRmIquQsJL0nCy+gU6CGb53mGpIMc">768732857</a> 加群讨论

![qrcode_for_gh_10744d2f9624_258 (1).jpg](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0924c195c477419192fd8f1b395ebb76~tplv-k3u1fbpfcp-watermark.image?)

## 最新版本已迁移至 [EASYEST](https://github.com/qddidi/easyest)

## Install

```
npm i kitty-ui
```

## 快速开始

```html
<template>
  <button type="primary">按钮</button>
</template>
<script lang="ts" setup>
  import { Button } from "kitty-ui";
</script>
```

## 博客教程

[Vite+TypeScript 从零搭建 Vue3 组件库](https://juejin.cn/column/7118932817119019015)

## 在线文档

[文档](https://easyestui.github.io/easyest/)

## 使用仓库相关命令

### 安装 pnpm

npm i pnpm -g

### 安装所有依赖

pnpm install

### 启动本地测试项目

pnpm run exm:dev

### 打包组件库

pnpm run build:kitty

### 发布

pnpm run publish:kitty

### 启动文档

pnpm run docs:dev

### 打包文档

pnpm run docs:build

### 启动打包后文档服务

pnpm run docs:serve

### 单元测试

pnpm run test

### 查看测试覆盖率

pnpm run coverage