# 网红小吃复刻实验室

**Repository Path**: whpa24soft/name

## Basic Information

- **Project Name**: 网红小吃复刻实验室
- **Description**: 本项目专注复刻各类网红小吃，整理实操配方与制作步骤，内容通俗易懂，零基础新手也能居家动手实操，轻松复刻街边美味小吃。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 103
- **Forks**: 0
- **Created**: 2026-06-05
- **Last Updated**: 2026-06-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 网红小吃复刻实验室

基于 Vue 3 + Element Plus + Vite 的美食菜谱平台，支持菜谱发布、社区排行、商城 CPS 变现等功能。

## 技术栈

- **框架**: Vue 3 (Composition API + `<script setup>`)
- **UI 组件**: Element Plus
- **构建工具**: Vite
- **路由**: Vue Router 4
- **状态管理**: Pinia
- **HTTP 客户端**: Axios

## 功能模块

- 菜谱广场 — 浏览、搜索、发布菜谱
- 社区排行 — 热门菜谱与创作者排行
- 商城中心 — 食材/厨具 CPS 推荐
- VIP 会员 — 专属内容与特权
- 管理后台 — 菜谱/用户/实验记录管理

## 安装与运行

```bash
# 安装依赖
npm install

# 开发模式
npm run dev

# 构建生产包
npm run build

# 预览生产包
npm run preview
```

## 目录结构

```
src/
  ├── api/                # 接口模块
  ├── assets/             # 静态资源
  ├── components/         # 公共组件
  ├── router/             # 路由配置
  ├── stores/             # Pinia 状态
  ├── utils/              # 工具函数
  └── views/              # 页面组件
      ├── admin/           # 管理后台
      ├── community/       # 社区
      ├── experiments/     # 实验记录
      ├── recipes/         # 菜谱
      ├── shop/            # 商城
      ├── users/           # 用户
      └── vip/             # VIP
```

## 环境变量

| 变量 | 说明 | 示例 |
|------|------|------|
| `VITE_API_BASE_URL` | API 基础路径 | `/api` |
| `VITE_APP_TITLE` | 应用标题 | `网红小吃复刻实验室` |

## 部署

```bash
npm run build
# 将 dist/ 目录部署到静态服务器
```

## License

MIT