1.0.0 • Published 7 months ago

liindata-ui-workspace v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
7 months ago

基于vite + pnpm monorepo的vue组件库

项目结构

这里主要记录项目架构中各个模块的联系。 考虑问题: 1. 组件开发环境 - play 包 2. 组件库文档 - docs 包 3. 组件库 - packages/components 包。 ps: 每个组件单独一个文件夹 - packages/utils 包。 ps: 工具函数

├── docs
│   ├── 组件库文档
├── packages
│   ├── components
│   │   ├── Button
│   │   │   ├── index.js 组件入口文件
│   │   │   ├── src/ 组件源码
│   ├── ceel-ui
│   │   ├── components.ts
│   │   ├── index.js  入口文件
│   │   ├── vite.config.ts
│   ├── utils
│   │   ├── index.js
├── play
│   ├── 组件库开发环境
├── .gitignore
├── pnpm-lock.yaml
├── pnpm-workspace.yaml
├── package.json
├── README.md

组件库文档书写

  • 使用vitepress

直接在docs目录下书写markdown文件即可,vitepress会自动解析。 如果要在文档中添加组件,直接在markdown文件中引入组件即可。 例如:

#  按钮

:::preview
demo-preview=../packages/components/button/src/button.vue
:::