# Interview-Programming-Frontend

**Repository Path**: lollipop1024/interview-programming-frontend

## Basic Information

- **Project Name**: Interview-Programming-Frontend
- **Description**: 前端面试练习
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-07
- **Last Updated**: 2025-05-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 全栈面试编程项目

## 项目全景

这是一个包含前后端的全栈面试编程题库项目，主要功能模块：

```
project-root/
├── frontend/          # 前端项目(Vue3 + Vite)
├── backend/           # 后端服务(Node.js/Java/Python)
├── docs/              # 项目设计文档
├── scripts/           # 开发运维脚本
└── README.md          # 您现在阅读的文件
```

## 核心功能

1. **前端工程**  
   - 面试题展示系统  
   - 在线代码编辑器  
   - 实时运行结果预览  
   - 集成文档系统(VitePress)

2. **后端服务**  
   - 题目数据API  
   - 代码执行沙箱  
   - 用户认证系统  
   - 提交记录存储

## 开发准备

### 环境要求
- Node.js 16+
- Python 3.8+ (可选)
- Java 11+ (可选)
- Docker (推荐)

### 初始化步骤
```bash
# 克隆项目
git clone <repository-url>

# 安装前端依赖
cd frontend && npm install

# 安装后端依赖 (根据实际后端技术栈)
cd ../backend && npm install/pip install/mvn install
```

## 模块关系

| 模块       | 技术栈               | 开发端口 | 生产端口 |
|------------|---------------------|----------|----------|
| 前端       | Vue3 + Vite         | 5173     | 80       |
| 后端       | Node/Java/Python    | 3000     | 8080     |
| 文档系统   | VitePress           | 5174     | 81       |

## 开发工作流

1. 启动所有服务：
```bash
# 前端开发模式
cd frontend && npm run dev

# 后端开发模式 
cd backend && npm run dev

# 文档系统
cd frontend && npm run docs:dev
```

2. 构建生产版本：
```bash
# 前端构建
cd frontend && npm run build

# 后端构建
cd backend && npm run build/mvn package
```

## 贡献指南

1. 提交Issue时注明模块（前端/后端/文档）
2. PR分支命名规范：
   - `feat/frontend-xxx` 前端特性
   - `fix/backend-xxx` 后端修复
3. 多模块变更需要同步更新：
   - 接口文档 (`docs/api.md`)
   - 部署脚本 (`scripts/deploy.sh`)

## 相关文档

- [前端开发手册](./frontend/README.md)
- [API接口规范](./docs/api.md)
- [部署指南](./docs/deployment.md)