Skip to content

Vue3 + TS + Vite + Scss 开发的常用基础 UI 组件库,探讨常用性能优化方案

Notifications You must be signed in to change notification settings

mcmcCat/mmcat-ui

Repository files navigation

mmcat-ui

该组件库采用 Vue@3.3.4 + TypeScript@5.2.2 + Vite@4.4.5 + Sass@1.66.1 实现!
所有组件样式使用 BEM 设计模式,效仿 Element-Plus 官方样式架构!
开箱即用,提供常用基础 UI 组件,以及探讨一些组件的常用性能优化方案!

Document & Online preview

VUE MMCAT UI

Install & Use

pnpm i mmcat-ui
# or
npm install mmcat-ui
# or
yarn add mmcat-ui

Global

import { createApp } from "vue";
import App from "./App.vue";

import McElementPlus from "mmcat-ui";
import "mmcat-ui/dist/style.css";

const app = createApp(App);
app.use(McElementPlus);

Local

<script setup lang="ts">
import { McButton } from "mmcat-ui";
import "mmcat-ui/dist/style.css";
</script>

Project

  • Get the project code
git clone https://github.com/mcmcCat/mmcat-ui.git
  • Install dependencies
cd mmcat-ui

pnpm i
  • Run project
pnpm dev

Components

Component name Descriptions
Button 按钮
Icon 图标
Message 消息提示
Input 输入框

Lab Components

Component name Descriptions
Table 表格

About

Vue3 + TS + Vite + Scss 开发的常用基础 UI 组件库,探讨常用性能优化方案

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published