🐰 幸运对对碰 (Lucky Turtle Match)

一个基于 Vue 3 + Vite 开发的趣味乌龟对对碰小游戏

🎮 在线体验 | 📖 部署指南 | 🤝 贡献代码

✨ 功能特色

• 🎯 经典对对碰玩法，简单易上手
• 🐰 可爱的小兔子主题设计
• 📱 响应式布局，支持移动端
• 🚀 基于现代前端技术栈
• ⚡ 快速构建和热重载
• 🌐 支持多种部署方案

📸 游戏预览

🚀 快速开始

环境要求

• Node.js >= v20.11.0 (下载地址)
• pnpm (安装指南)

安装依赖

# 克隆项目
git clone https://github.com/pangxiaobin/turtle-match.git
cd turtle-match

# 安装依赖
pnpm install

开发调试

# 启动开发服务器
pnpm run dev

打开浏览器访问 http://localhost:3000 即可开始游戏。

构建部署

# 构建生产版本
pnpm run build

# 预览构建结果
pnpm run preview

📦 部署

Vercel 部署（推荐）

1. Fork 本仓库到你的 GitHub 账户
2. 登录 Vercel，点击 Add New → Project
3. 选择 Fork 后的仓库进行导入
4. 部署完成后即可通过分配的域名访问

一键部署：

自建服务器部署

使用 Nginx

1. 构建项目：pnpm run build
2. 将 dist 目录上传到服务器
3. 配置 Nginx：

server {
    listen 80;
    server_name yourdomain.com;

    root /path/to/dist;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }

    # 静态资源缓存
    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg)$ {
        expires 1y;
        add_header Cache-Control "public, immutable";
    }
}

🛠️ 技术栈

• 前端框架： Vue 3
• 构建工具： Vite
• 包管理器： pnpm

📁 项目结构

turtle-match/
├── public/          # 静态资源
├── src/            # 源代码
│   ├── components/ # 组件
│   ├── assets/     # 资源文件
│   ├── styles/     # 样式文件
│   └── utils/      # 工具函数
├── images/         # 预览图片

🤝 贡献

欢迎提交 Issue 和 Pull Request！

1. Fork 本仓库
2. 创建特性分支：git checkout -b feature/AmazingFeature
3. 提交更改：git commit -m 'Add some AmazingFeature'
4. 推送分支：git push origin feature/AmazingFeature
5. 提交 Pull Request

📄 许可证

本项目采用 CC BY-NC 4.0 许可证 - 知识共享署名-非商业性使用 4.0 国际许可协议。

您可以自由地：

• 分享 — 在任何媒介以任何形式复制、发行本作品
• 演绎 — 修改、转换或以本作品为基础进行创作

惟须遵守下列条件：

• 署名 — 您必须给出适当的署名，提供指向本许可协议的链接
• 非商业性使用 — 您不得将本作品用于商业目的

详情请参阅 完整许可证条款

🙏

如果这个项目对你有帮助，请给个 ⭐️ 支持一下！