1、打开Hbuilder点击新建移动APP。
2、设置应用名称，点击浏览修改项目位置。选择模板mui项目，点击完成。
3、打开刚才的项目打开index.html页面，在body中设置app页面。
4、在body中输入如下代码：<header class="mui-bar mui-bar-nav"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h1 class="mui-title">标题</h1> </header> <div class="mui-content"> 我的第一个APP </div> <nav class="mui-bar mui-bar-tab"> <a class="mui-tab-item mui-active"> <span class="mui-icon mui-icon-home"></span> <span class="mui-tab-label">首页</span> </a> <a class="mui-tab-item"> <span class="mui-icon mui-icon-phone"></span> <span class="mui-tab-label">电话</span> </a> <a class="mui-tab-item"> <span class="mui-icon mui-icon-email"></span> <span class="mui-tab-label">邮件</span> </a> <a class="mui-tab-item"> <span class="mui-icon mui-icon-gear"></span> <span class="mui-tab-label">设置</span> </a> </nav>
5、在软件右上角选择 边改边看模式 这时我们可以看到预览效果。
6、打开项目中的manifest.json文件，进行app基本信息和图标的设置。
7、点击菜单栏的 发行---云打包-打原生安装包
8、选择IOS和Android。进行appid的设置，点击打包。
9、点击打开下载目录可以看到两个app软件。一个.apk是安卓的应用，一个.ipa是苹果应用。到这里我们就完成了APP的制作打包。是不是很简单，感觉不错投下票点下赞哈。
