# FastWire_MockManager接口模拟服务-前端部分 **Repository Path**: Campione416/FastWire_MockManager ## Basic Information - **Project Name**: FastWire_MockManager接口模拟服务-前端部分 - **Description**: 接口模拟服务-前端部分 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-09-17 - **Last Updated**: 2026-04-05 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # FastWire_MockManager 基于 Vue 3 + TypeScript + Vite 构建的 Mock 接口管理平台。 ## 项目简介 FastWire_MockManager 是一个用于管理和测试 Mock 接口的前端应用,采用现代前端技术栈开发,支持 Mock 接口的创建、编辑、查询和删除等核心功能。 ## 技术栈 - **前端框架**: Vue 3 - **语言**: TypeScript - **构建工具**: Vite - **UI 组件库**: Element Plus - **状态管理**: Pinia - **路由**: Vue Router ## 功能特性 - Mock 接口管理(增删改查) - 接口列表展示 - 接口详情查看 - 代码编辑功能 - 侧边栏导航 ## 快速开始 ### 安装依赖 ```bash npm install ``` ### 启动开发服务器 ```bash npm run dev ``` ### 构建生产版本 ```bash npm run build ``` ## 项目结构 ``` src/ ├── api/ # API 定义文档 ├── assets/ # 静态资源 ├── components/ # Vue 组件 │ ├── CodeEditor.vue │ ├── HelloWorld.vue │ └── Sidebar/ ├── router/ # 路由配置 ├── store/ # Pinia 状态管理 ├── styles/ # 样式文件 ├── utils/ # 工具函数 ├── views/ # 页面视图 │ ├── MockCreate.vue │ ├── MockDetail.vue │ ├── MockEdit.vue │ └── MockList.vue ├── App.vue └── main.ts ``` ## Docker 部署 项目包含 Dockerfile,支持容器化部署: ```bash docker build -t fastwire-mockmanager . docker run -p 3000:3000 fastwire-mockmanager ``` ## 接口定义 详细接口定义请参考 [Mock 接口定义](./src/api/mock-api-definition.md) 文档。 ## License MIT