暗影华容道

这是一个基于 TypeScript 和 Vite 构建的前端项目，实现了经典的华容道游戏。项目注重性能和用户体验，使用了现代前端技术和最佳实践。

项目灵感来源《刺客伍六七》第六季第一集。

部分代码思路来源 Klotski

功能描述

• 提供多个游戏关卡，每个关卡都有不同的布局和难度。
• 用户可以拖动方块，目标是将指定方块移动到出口位置。
• 记录用户的步数，提供挑战和乐趣。

技术栈

• 构建: Vite
• 语言: TypeScript
• 样式: TailwindCSS

安装和使用

安装依赖

首先，确保你已经安装了 Node.js。然后在项目根目录下运行以下命令来安装项目依赖：

pnpm install

开发运行

在安装完成所有依赖后，可以运行以下命令来启动开发服务器：

pnpm run dev

构建和部署

在准备将项目部署到生产环境之前，需要运行以下命令来构建项目：

pnpm run build

构建完成后，可以在 dist 目录下找到生产环境的静态文件。可以将这些文件部署到任意的静态文件服务器上。

代码结构

项目源码位于 src 目录下，主要包括以下几个部分：

• HTML 文件: index.html - 项目入口文件。
• TypeScript 文件: 包含主要的业务逻辑和游戏实现，如 main.ts、game.ts。
• 资源文件: 包含编译后的 CSS 和 JavaScript 文件，如 assets 目录。

感谢您对本项目的兴趣和支持！