# workspace

**Repository Path**: mic-HAO/workspace

## Basic Information

- **Project Name**: workspace
- **Description**: 工作空间协议 (workspace:)
workspace聚焦 “统一管理” 提升开发效率

1. 编辑器层面：统一管理多文件夹 + 专属配置，提升本地开发效率；
2. 包管理器层面：实现 Monorepo 多包共享依赖、批量操作，简化工程化管理
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-25
- **Last Updated**: 2025-12-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# workspace

#### 介绍
基于 pnpm workspace 协议的 Monorepo 工作空间项目

本项目聚焦 "统一管理" 提升开发效率，通过 pnpm workspace 实现多包共享依赖、批量操作，简化工程化管理。

**核心特性：**
- 统一管理多个 Vue 3 应用
- 共享组件和样式资源
- 统一的依赖管理和构建流程
- 支持多应用并行开发

#### 软件架构

```
workspace/
├── packages/              # 应用包目录
│   ├── app-first/        # 第一个 Vue 应用（使用共享组件和样式）
│   └── app-second/       # 第二个 Vue 应用
├── components/           # 共享组件目录
│   └── MyButton/        # 全局共享按钮组件
├── common/               # 公共资源目录
│   └── common-styles/   # 共享样式库
└── pnpm-workspace.yaml  # pnpm workspace 配置
```

**技术栈：**
- Vue 3.5.24
- Vite 7.2.4
- pnpm 10.26.1
- @vitejs/plugin-vue

#### 安装教程

1.  **安装 pnpm**（如果尚未安装）
    ```bash
    npm install -g pnpm@10.26.1
    ```

2.  **克隆项目**
    ```bash
    git clone <repository-url>
    cd workspace
    ```

3.  **安装依赖**
    ```bash
    pnpm install
    ```

#### 使用说明

**开发模式：**

1.  **同时启动所有应用**
    ```bash
    pnpm run dev:all
    ```

2.  **单独启动应用**
    ```bash
    # 启动 app-first
    pnpm run dev:first
    
    # 启动 app-second
    pnpm run dev:second
    ```

**构建项目：**

```bash
# 构建 app-first
pnpm run build:first

# 构建 app-second
pnpm run build:second
```

**项目说明：**

- **app-first**: 演示了如何使用共享组件（MyButton）和共享样式（common-styles）
- **app-second**: 基础的 Vue 应用示例
- **components/MyButton**: 可在多个应用间共享的按钮组件
- **common/common-styles**: 公共样式库，提供统一的样式规范

**共享资源使用：**

在 `app-first` 中，通过 Vite 别名 `@Mycomponents` 引用共享组件：
```javascript
import MyButton from '@Mycomponents/MyButton/MyButton.vue';
```

共享样式通过 npm 包形式引用：
```json
"dependencies": {
  "common-styles": "file:../../common/common-styles"
}
```

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request