# 宿主App开发流程

### 一、安装xupd-cli

+ 安装

  ```shell
   npm install xupd-cli -g
  ```

+ 更新

  ```shell
  npm update xupd-cli -g
  ```

### 

### 二、创建初始项目

```shell
xupd init XXX  （XXX为指定的项目名称）
```



### 三、安装依赖

```
xupd install
```

默认初始化会自动安装依赖，如果安装失败，重新执行如下命令，如果成功则可直接跳过。

执行命令，必须先进入初始项目的根目录。安装完依赖，即可打开IDE运行项目，将看大一个

xupd 欢迎你的初始页面。



### 四、编译Bundle包

```shell
xupd bundle  // 默认编译iOS，安卓包
xupd bundle -p iOS  // 仅编译iOS Bundle包
xupd bundle -p Android // 仅编译 安卓 Bundle包
```



### 五、注入页面模块

+ 注入模块作为App根视图

```shell
xupd injection MainRootModule@0.0.1 -r
```

+ 注入普通页面模块

```shell
xupd injection modules1@0.0.1
```



+ 混合开发组件 podfile 需添加模块依赖

  ```
  def rn_pod
  pod 'modules1', :path => "../node_modules/@xupd-design/modules1"
  end
  ```

  

+ 根目录执行 

  ```
  xupd install
  ```

  

### 六、编译打包成IPA、APK