# 扫雷 - JavaScript 版

**Repository Path**: antfl-game/minesweeper

## Basic Information

- **Project Name**: 扫雷 - JavaScript 版
- **Description**: 基于 Vue3、Vite、Typescript 实现的扫雷游戏
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://minesweeper.byteout.cn
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 2
- **Created**: 2024-10-10
- **Last Updated**: 2025-09-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 扫雷, Vue

## README

# 扫雷游戏

这是一个简单的扫雷游戏实现，使用现代 Web 技术构建。游戏支持鼠标左键点击翻开格子、右键点击标记地雷，并提供重新开始游戏的功能。

## 体验地址

[https://minesweeper.byteout.cn](https://minesweeper.byteout.cn)

### 主页面
> ![主页面](docs/preview.png)

### 排行榜
> ![排行榜](docs/ranking-list.png)

## 使用方法

- **左键点击**：翻开格子
- **右键点击**：标记地雷
- **点击笑脸按钮**：重新开始游戏

## 游戏规则

- 点击到地雷游戏失败
- 正确标记所有地雷并翻开所有安全格子则胜利
- 数字表示周围 8 格中的地雷数量

## 功能特性

- 响应式设计，适配不同屏幕尺寸
- 清晰的数字提示和地雷标记系统
- 可重新开始游戏的按钮
- 简洁美观的用户界面

## 技术栈

- TypeScript
- Vue 3
- Vite
- CSS3

## 目录结构

```
.
├── public/               # 静态资源
├── src/                  # 源代码
│   ├── assets/           # 图片资源
│   ├── App.vue           # 主组件
│   ├── main.ts           # 入口文件
│   └── style.css         # 样式文件
├── index.html            # 主 HTML 文件
├── package.json          # 项目配置
└── README.md             # 项目说明
```

## 开发与构建

- 使用 [Vite](https://vitejs.dev/) 作为开发服务器和构建工具
- 使用 [TypeScript](https://www.typescriptlang.org/) 提供类型安全
- 使用 [Vue 3](https://vuejs.org/) 构建用户界面

如需进一步了解项目细节或进行自定义开发，请查看源代码并根据需求进行调整。