# training

**Repository Path**: sj_2023/training

## Basic Information

- **Project Name**: training
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-09
- **Last Updated**: 2026-07-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 训练系统前端（双项目：学员端 + 管理端）

本仓库包含两个 **独立** 的 Vite + Vue3 + TS 项目：

- **学员端**：`apps/trainee-web`
- **管理端**：`apps/admin-web`

### 环境要求

- **Node.js**：建议 \(>= 22\)
- **pnpm**：使用 `npx -y pnpm@10.25.0` 可避免本机 pnpm/Node 版本不一致

### 安装依赖

```bash
npx -y pnpm@10.25.0 -r install
```

### 启动开发服务器

```bash
# 学员端
npx -y pnpm@10.25.0 -C apps/trainee-web dev

# 管理端
npx -y pnpm@10.25.0 -C apps/admin-web dev
```

也可以用根脚本（如果你已安装 pnpm）：

```bash
pnpm run dev:trainee
pnpm run dev:admin
```

### Mock 开关（开发环境）

两项目均使用 `vite-plugin-mock` 拦截 `/api`，仅在 **development** 生效。

- **默认**：开启 mock
- **关闭**：设置环境变量 `VITE_USE_MOCK=false`

示例：

```bash
# Windows PowerShell
$env:VITE_USE_MOCK="false"; npx -y pnpm@10.25.0 -C apps/admin-web dev
```

### 真实后端切换点（无需改调用方）

axios 的 `baseURL` 统一通过环境变量控制：

- **默认**：`/api`
- **切换**：设置 `VITE_API_BASE_URL`（例如 `http://localhost:8080/api` 或网关地址）

示例：

```bash
# Windows PowerShell
$env:VITE_API_BASE_URL="http://localhost:8080/api"; npx -y pnpm@10.25.0 -C apps/trainee-web dev
```

### 管理端赛博 UI（Element Plus）

管理端已接入 `element-plus`，并通过 `apps/admin-web/src/style.css` 的 **CSS 变量 + 定向覆盖** 将其暗色外观赛博化（主色霓虹青/辅紫、玻璃态输入、表格 hover 等）。