HBuilder编辑器以及如何使用它来进行iOS离线打包

欲善其事必先利其器,我做了两周的HTML5开发,帮着同事写了1、2个界面,然后我就分享我的这条道路吧。

搜索下载

HBuiler的好处在于它引用了一个MUI框架(MUI官网地址:http://dev.dcloud.net.cn/mui/
还可以直接创建APP项目
创建APP项目

你可以直接创建一个MUI Hello 然后在mac下运行各种模拟器,真机,都可以,它下面还有入门介绍。我就不多说了。


引用MUI

运行模拟器


运行
模拟器效果图

做开发啥的就不用我说了吧,该怎么写就怎么写,我也没有技巧。

将纯HTML5项目集成iOS项目运行

这个前提是你必须在HBuilder上开发的HTML项目,因为我是跟着它的官网来的。

文档路径:http://ask.dcloud.net.cn/docs/

路径

下载的东西

进入下载他提供的东西,然后直接在他给的项目行进行各种文件的配置,不需要自己一个一个去集成,不然,你会很吃亏的,我吃过了,弄了一天,各种错误,然后问了人别人给我说他们都是直接在官网给的项目上修改的。

我接下来就说需要重点注意的地方:
1>将www文件夹上面的那个文件夹名称改为你的HBuiler里面json的id名称

iOS项目显示效果
HBuilder中的json显示

2>在这个里面,修改id,为html项目中的id,appver为HTML项目中JSON里面的code


修改

3>在info中当前版本号对应json中的东西,build对应code(这个是为了你做版本更新的)


info文件中

4>你必须将iOS项目中的json中的注释全部删掉

5>如果你想用自己的启动图和图标,我试了几种,然后成功的就是根据他给的名称改你的图片名称

启动图和app应用图标

6>这是我感觉最重要的你做了上述操作还必须做一件事情(将你的程序卸载,再重新运行一次,因为你有些东西不这样是引用不了的)

卸载程序

大功告成

运行效果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,734评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,574评论 19 139
  • 1.背景介绍 什么是HBuilder? HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web...
    cczhuc阅读 10,358评论 0 2
  • 慕生: 见字如面。 你知道的,我常常絮絮叨叨,又总是没什么主题,像个老妪,说一些有的没的东西,你常常会觉得很烦,又...
    希垣阅读 3,870评论 1 0
  • 昨天的我又不开心了,其实大部分的时间,只要我不东想西想,我一个人还是过的很开心的,找各种事干,或看小说,或看电视电...
    cc1111阅读 1,488评论 0 0