开发app第一步：环境搭建  

在开发app的开发者们，首先打开浏览器输入官方网址 http://www.dcloud.io/hbuilderx.html，选择对应版本下载。开发app圈里常用的是 HBuilder，界面简洁，对初学者友好；下载完成后直接运行 HBuilderX.exe，开发app的开发环境就准备好了。

开发app第二步：新建项目  

进入 HBuilder 后，点击“文件”－“新建”－“移动 App”，输入应用名称与存放路径，模板选“空模板”即可。开发app的规范建议把项目放在容易找到的目录，方便后续持续集成。

开发app第三步：认识 manifest  

manifest.json 是开发app项目里最重要的配置文件，图标、启动页、权限、版本号都在里面修改。开发app团队每次迭代前都会先检查 manifest，确保信息与实际发布一致，避免上架被拒。

开发app第四步：功能开发  

开发app的老手会在 css、js、html 里自由发挥；新手如果想先跑通流程，可以保留默认文件，后续再逐步替换。开发app社区强调“先跑起来再优化”，降低入门门槛。

开发app第五步：系统打包  

5.1 安卓内置包  

开发app的云端打包最省事：点击“发行”－“云打包－Android”，勾选所需权限，等待云端生成 apk。下载完成后把 apk 拖进安卓手机，开发app的第一次真机体验就完成了。若想本地离线打包，开发app文档也提供详细 Gradle 配置，但云打包足以满足多数场景。

开发app第五步续：苹果端封装  

准备素材  

1. 已装好的 HBuilder  

2. 256×256 的 App Logo  

3. 1920×1080 的启动图  

开发app操作步骤  

1. 注册并登录 HBuilder，新建移动 App，模板依旧选空。  

2. 项目目录里的 css、img、js、index.html 可删可换；unpackage 文件夹放图标与启动图；manifest.json 负责开发app的所有配置。  

3. 把自己的前端文件复制进来，保证路径正确，刷新项目。  

4. 双击 manifest.json，在开发app可视化面板里填写：  

   appid 点“云端获取”；版本号按规范递增；页面入口改成实际首页；应用描述随意；全屏开关按需勾选。  

5. 图标配置：点击“+”框，导入 256 图标，再点“自动生成所有图标并替换”，开发app会自动输出各尺寸到 unpackage。  

6. 启动图配置：在 unpackage→res 下建 splash 文件夹，按平台放入 png；回到面板“启动图片设置”里逐一对应选中，开发app支持 Android 与 iOS 双平台分开配置。  

7. SDK 与模块权限：开发app默认即可，有需要再勾选地图、推送等。  

8. 页面引用关系：点击“扫描代码”，左侧选中 index.html，右侧会列出依赖，开发app用这种方式检查资源是否缺失。  

9. 代码视图：确认 JSON 无误后 Ctrl+S 保存，开发app的习惯是“保存后再打包”，减少出错。  

10. 正式进入打包：菜单选“发行”－“发行为原生安装包”。  

   iOS 若选“越狱包”无需证书，只能装越狱机；开发app推荐用 Appuploader 申请免费测试证书，普通 Apple ID 即可，教程地址：  

   http://www.applicationloader.net/blog/zh/72.html  

   免开发者账号申请 iOS 证书教程：  

   http://www.applicationloader.net/blog/zh/1073.html  

11. 提交后等待云端排队，开发app打包状态实时刷新，成功即可下载 ipa，再通过爱思助手或 Xcode 安装到非越狱设备。  

12. 调试与模拟器：开发app提供官方文档 http://ask.dcloud.net.cn/article/151，按步骤装 Android Studio 模拟器或 Xcode 模拟器；真机调试则用数据线连接手机，HBuilder 会自动识别，开发app一键运行即可热更新。