docs: update readme

README.md

@@ -3,3 +3,133 @@ micro-app-demo 作为 [micro-app](https://github.com/micro-zoe/micro-app) 的案
 
 micro-app-demo中的案例足够精简，你完全可以将其中的demo作为基础进一步开发自己的项目。
 
+# 目录结构
+```
+.
+├── child_apps
+│   ├── child-angular11        // 子应用 angular11
+│   ├── child-nextjs11         // 子应用 nextjs11
+│   ├── child-nuxtjs2          // 子应用 nuxtjs2
+│   ├── child-react16          // 子应用 react16
+│   ├── child-react17          // 子应用 react17
+│   ├── child-sidebar          // 子应用 sidebar
+│   ├── child-vite-vue3        // 子应用 vite
+│   ├── child-vue2             // 子应用 vue2
+│   └── child-vue3             // 子应用 vue3
+├── main_apps
+│   ├── angular11              // 主应用 angular11
+│   ├── nextjs11               // 主应用 nextjs11
+│   ├── nuxtjs2                // 主应用 nuxtjs2
+│   ├── react16                // 主应用 react16
+│   ├── react17                // 主应用 react17
+│   ├── vite-vue3              // 主应用 vite
+│   ├── vue2                   // 主应用 vue2
+│   └── vue3                   // 主应用 vue3
+├── package.json
+└── yarn.lock
+
+19 directories, 5 files
+```
+
+# 开始
+
+### 1、安装依赖
+
+我们使用了yarn的workspaces功能，所以必须使用yarn
+
+```bash
+yarn 
+```
+
+### 2、运行项目
+各主应用都监听了3000端口，所以只能同时启动一个主应用，而子应用端口各不相同，可以同时启动。
+
+**1、启动 react16 主应用**
+
+```bash
+yarn dev:main-react16
+```
+
+访问：`http://localhost:3000/main-react16`
+
+此时分别运行 `main_apps/react16` 以及 `child_apps` 文件夹下的所有子应用。
+
+**2、启动 react17 主应用**
+
+```bash
+yarn dev:main-react17
+```
+
+访问：`http://localhost:3000/main-react17`
+
+此时分别运行 `main_apps/react17` 以及 `child_apps` 文件夹下的所有子应用。
+
+**3、启动 vue2 主应用**
+
+```bash
+yarn dev:main-vue2
+```
+
+访问：`http://localhost:3000/main-vue2`
+
+此时分别运行 `main_apps/vue2` 以及 `child_apps` 文件夹下的所有子应用。
+
+
+**4、启动 vue3 主应用**
+
+```bash
+yarn dev:main-vue3
+```
+
+访问：`http://localhost:3000/main-vue3`
+
+此时分别运行 `main_apps/vue3` 以及 `child_apps` 文件夹下的所有子应用。
+
+
+**5、启动 vite 主应用**
+
+```bash
+yarn dev:main-vite
+```
+
+访问：`http://localhost:3000/main-vite`
+
+此时分别运行 `main_apps/vite-vue3` 以及 `child_apps` 文件夹下的所有子应用。
+
+
+**6、启动 angular11 主应用**
+
+```bash
+yarn dev:main-angular11
+```
+
+访问：`http://localhost:3000/main-angular11`
+
+此时分别运行 `main_apps/angular11` 以及 `child_apps` 文件夹下的所有子应用。
+
+
+
+**7、启动 nextjs11 主应用**
+
+```bash
+yarn dev:main-nextjs11
+```
+
+访问：`http://localhost:3000/`
+
+此时分别运行 `main_apps/nextjs11` 以及 `child_apps` 文件夹下的所有子应用。
+
+
+**8、启动 nuxtjs2 主应用**
+
+```bash
+yarn dev:main-nuxtjs2
+```
+
+访问：`http://localhost:3000/`
+
+此时分别运行 `main_apps/nuxtjs2` 以及 `child_apps` 文件夹下的所有子应用。
+
+
+#### 效果如下：
+![](./example.png)