|
|
|
|
@ -2,7 +2,7 @@
|
|
|
|
|
|
|
|
|
|
MuseGuard 是一个基于 Vue 3 + Vite 的图像保护平台前端应用，提供图像加噪、微调、热力图分析和效果评估等功能。
|
|
|
|
|
|
|
|
|
|
## 🛠️ 技术栈
|
|
|
|
|
## 技术栈
|
|
|
|
|
|
|
|
|
|
- **框架**: Vue 3 (Composition API + `<script setup>`)
|
|
|
|
|
- **构建工具**: Vite 7
|
|
|
|
|
@ -12,7 +12,7 @@ MuseGuard 是一个基于 Vue 3 + Vite 的图像保护平台前端应用，提
|
|
|
|
|
- **3D 渲染**: Three.js
|
|
|
|
|
- **测试框架**: Vitest + Vue Test Utils + fast-check
|
|
|
|
|
|
|
|
|
|
## 📁 项目结构
|
|
|
|
|
## 项目结构
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
frontend/
|
|
|
|
|
@ -69,7 +69,7 @@ frontend/
|
|
|
|
|
└── package.json # 项目配置
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## 🚀 快速开始
|
|
|
|
|
## 快速开始
|
|
|
|
|
|
|
|
|
|
### 环境要求
|
|
|
|
|
|
|
|
|
|
@ -96,13 +96,9 @@ npm run dev
|
|
|
|
|
npm run build
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### 预览生产版本
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
npm run preview
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## 🔗 前后端连接配置
|
|
|
|
|
## 前后端连接配置
|
|
|
|
|
|
|
|
|
|
### API 代理配置
|
|
|
|
|
|
|
|
|
|
@ -200,7 +196,7 @@ proxy: {
|
|
|
|
|
}
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## 🧪 测试
|
|
|
|
|
## 测试
|
|
|
|
|
|
|
|
|
|
### 运行测试
|
|
|
|
|
|
|
|
|
|
@ -210,20 +206,17 @@ npm run test
|
|
|
|
|
|
|
|
|
|
# 监听模式
|
|
|
|
|
npm run test:watch
|
|
|
|
|
|
|
|
|
|
# 生成覆盖率报告
|
|
|
|
|
npx vitest run --coverage
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### 测试统计
|
|
|
|
|
|
|
|
|
|
- **测试文件**: 18 个
|
|
|
|
|
- **测试用例**: 280+ 个
|
|
|
|
|
- **测试文件**: 17 个
|
|
|
|
|
- **测试用例**: 265 个
|
|
|
|
|
- **覆盖类型**: 单元测试、集成测试、属性测试
|
|
|
|
|
|
|
|
|
|
详细信息请查看 [test/README.md](./test/README.md)。
|
|
|
|
|
|
|
|
|
|
## 📦 依赖说明
|
|
|
|
|
## 依赖说明
|
|
|
|
|
|
|
|
|
|
### 生产依赖
|
|
|
|
|
|
|
|
|
|
@ -247,7 +240,7 @@ npx vitest run --coverage
|
|
|
|
|
| jsdom | ^24.0.0 | DOM 模拟 |
|
|
|
|
|
| fast-check | ^3.15.0 | 属性测试库 |
|
|
|
|
|
|
|
|
|
|
## 🔧 开发指南
|
|
|
|
|
## 开发指南
|
|
|
|
|
|
|
|
|
|
### 代码规范
|
|
|
|
|
|
|
|
|
|
@ -268,6 +261,6 @@ npx vitest run --coverage
|
|
|
|
|
2. 在 `src/api/index.js` 导出
|
|
|
|
|
3. 在组件中导入使用
|
|
|
|
|
|
|
|
|
|
## 📄 许可证
|
|
|
|
|
## 许可证
|
|
|
|
|
|
|
|
|
|
MIT License
|
|
|
|
|
|
