29、打造 BattleJong 客户端：从基础搭建到游戏呈现

打造 BattleJong 客户端：从基础搭建到游戏呈现

在开发 BattleJong 客户端的过程中，我们需要完成一系列的步骤，包括添加必要的库和类型、了解项目的源文件结构，以及深入剖析各个组件的实现细节。下面我们将逐步展开介绍。

1. 添加库和类型

在这个项目中，我们需要添加一些必要的库和类型定义。具体操作如下：
- 添加库 ：

npm install normalize.css@8.0.1 --save
npm install react@18.2.0 --save
npm install react-dom@18.2.0 --save

• 添加类型 ：

npm install @types/react@18.0.15 --save-dev
npm install @types/react-dom@18.0.6 --save-dev

2. 项目源文件概览

项目的客户端源文件虽然不像服务器端那样只有一个文件，但数量也不算多。主要的源文件如下：
| 文件路径 | 说明 |
| ---- | ---- |
| src/index.html | 主入口文件 |
| src/css/main.css | 样式表文件 |
| src/code/d.ts | 自定义类型定义文件 |
| s