From 224936340b78a191c3635125f636300a9b61061f Mon Sep 17 00:00:00 2001
From: wally <18603454788@163.com>
Date: Wed, 29 Sep 2021 15:54:11 +0800
Subject: [PATCH] =?UTF-8?q?doc:=20=E6=96=87=E6=A1=A3=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 80 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 79 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index a5ced16..13192b5 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,81 @@
 # game-frame-template
 
-游戏父窗口模板
\ No newline at end of file
+游戏父窗口模板
+
+## 运行启动
+
+> 需要先安装node
+
+### 安装依赖
+
+npm 安装
+
+```bash
+npm i
+```
+
+或者 使用yarn
+```bash
+yarn
+```
+
+### 运行父窗口(本程序)
+
+```bash 
+npm run dev
+```
+或者
+```bash
+yarn dev
+```
+
+### 运行游戏
+
+开启游戏服务，运行后，修改 index.html 中 iframe 的 src 为游戏的页面地址，示例如下：
+
+```html
+<iframe id="iframe" src="http://localhost:5500/dist/" frameborder="0" class="d-block"></iframe>
+```
+
+**注意**：本地环境与服务器生产环境的切换
+
+## 文件目录说明
+
+重点关注src目录下的js文件：
+
+```
+.
+├── config.js
+├── dom.js
+├── frame.js
+├── index.js
+└── message.js
+```
+
++ config.js，各个游戏的时间、事件、分值等配置信息，首先需要修改，注意验证总分、总次数
++ dom.js，测试、调试用的dom按钮等，正式环境不需要
++ frame.js，设置iframe尺寸，监听接受消息，发送消息
++ index.js 入口文件，正常环境将initDom相关内容删除
++ message.js，处理、生成各种事件对应的data数据
+
+## 部署
+
+**部署之前，一定要将iframe的src改为生产路径**
+**部署之前，一定要将iframe的src改为生产路径**
+**部署之前，一定要将iframe的src改为生产路径**
+
+### 构建命令
+
+```bash
+npm run build
+```
+
+或者
+
+```bash
+yarn build
+```
+
+### 上传服务器
+
+将dist目录下的内容上传至服务器目录下