介绍

前端团队的起步工程W

基于element-plus 的定制化组件库

快速开始

本项目使用pnpm + monorepo的形式搭建

项目结构介绍

├─ packages
    ## 该目录为组件开发的src目录, 后续扩展组件请参照button文件夹开发
    ├─ components 
      ├─ button    
      ├─ input
      ├─ ...
      ├─ index.js

## 组件描述文档, 采用vitepress搭建的静态服务
├─ docs
    ├─ components ## 组件描述的markdown
      ├─ button.md
    ├─ examples
      ├─ button/basic.vue ## 组件示例用法的vue文件
      
## 测试packages/components里组件的服务
├─ playground 
    ├─ components/button-test.vue 
    ├─ App.vue 

项目安装

pnpm install

启动 playground （测试组件服务）

cd ./playgournd && pnpm run dev

启动 docs （组件描述文档服务）

cd ./docs && pnpm run dev

进入组件开发文件夹

## 例如 pnpm gen button
## 会自动创建 packages/components/button 文件夹 包含符合组件库规范的文件内容
## 并会自动导出组件内容至packages/components/index.js文件

让你专心开发组件的内容

pnpm gen component-name

cd ./packages/components

start youer coding......