最新 Vue3 + TS 高仿 ElementPlus 打造自己的组件库

安装

npm i @easy-collective-ui --save

开始使用

全局使用

// 引入所有组件
import EcUI from "easy-collective-ui";
// 引入样式
import "easy-collective-ui/dist/index.css";

import App from "./App.vue";
// 全局使用
createApp(App).use(EcUI).mount("#app");

<template>
  <ec-button>我是 Button</ec-button>
</template>

单个导入

easy-collective-ui 提供了基于 ES Module 的开箱即用的 Tree Shaking 功能。

<template>
  <ec-button>我是 Button</ec-button>
</template>
<script>
import { EcButton } from " easy-collective-ui";
export default {
  components: { EcButton },
};
</script>

亮点

Details

• 🔗 Vite + Vitest + Vitepress 工具链
• 📁 monorepo 分包管理
• 🚀 github actions 实现 CI/CD 自动化部署
• 📦 当然，也会展示 发布“开箱即用” 的 npm 包
• 🤖 大模型辅助完成需求分析，设计思路，快速实现组件，提升开发效率。