# GameSphere-fe **Repository Path**: javas-progression/game-sphere-fe ## Basic Information - **Project Name**: GameSphere-fe - **Description**: GameSphere:一个专注于游戏开发的开源平台,提供丰富的游戏引擎、工具和资源,支持多端部署,旨在助力开发者打造高质量游戏体验。 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2025-05-30 - **Last Updated**: 2025-07-07 ## Categories & Tags **Categories**: Uncategorized **Tags**: Vue, Ant-Design ## README # GameSphere FE ![GameSphere Logo](./src/assets/logo.svg) 专业的游戏社交平台前端,提供游戏展示、社区交流、愿望单管理和即时通讯功能。 ## ✨ 核心特性 - 游戏信息展示与搜索 - 用户社交系统(关注/粉丝) - 实时聊天系统(WebSocket实现) - 愿望清单与游戏收藏 - 活动发布与报名系统 - 响应式布局支持 ## 🛠️ 环境要求 - Node.js 18+ - pnpm 8+ - TypeScript 5+ ## 🔧 环境变量 ```env # .env.development VITE_API_BASE=http://localhost:3000/api VITE_WS_URL=ws://localhost:3000/ws ``` ## Project setup ``` npm install -g pnpm@latest pnpm install pnpm dev ``` ## Build ``` pnpm build ``` ## 🚀 开发流程 ### 安装依赖 ```bash pnpm install # 添加新包 pnpm add # 添加类型声明 pnpm add -D @types/ ``` ### 开发模式 ```bash pnpm dev ``` ### 代码规范 ```bash # 格式检查与修复 pnpm lint # 类型检查 pnpm type-check ``` ## 📂 项目结构 ``` src/ ├── assets/ # 静态资源 ├── components/ # 通用组件 ├── views/ # 页面视图 ├── router/ # 路由配置 ├── stores/ # 状态管理 ├── utils/ # 工具函数 └── api/ # 接口模块 ``` ## 🤝 参与贡献 1. Fork 项目仓库 2. 创建特性分支 (`git checkout -b feature/amazing-feature`) 3. 提交修改 (`git commit -m 'Add amazing feature'`) 4. 推送分支 (`git push origin feature/amazing-feature`) 5. 发起 Pull Request ## 📄 许可证 [MIT](https://opensource.org/licenses/MIT)