hbuilder开发app教程

小编

大家好,今天小编关注到一个比较有意思的话题,就是关于hbuilder开发app教程的问题,于是小编就整理了3个相关介绍hbuilder开发app教程的解答,让我们一起看看吧。

  1. Hbuilder新建手机APP示例?
  2. hbuilder标准版和app版的区别?
  3. hbuilder是开源的嘛?

Hbuilder新建手机APP示例?

其具体步骤如下:

1、点击红色圈圈里的“新建移动APP”,或者点击“文件”->”新建”->“移动App”,如图所示;

hbuilder开发app教程

hbuilder开发app教程

2、输入应用名称,并且在模板选择的地方选择自己想要的模板,点击“完成”。此处举例输入应用名称“Hello”,并选择空模板,如图所示;

hbuilder开发app教程

hbuilder开发app教程

3、新建的工程示例如下图所示;

hbuilder开发app教程

4、双击打开“index.html”,选择浏览器调试运行方式:右击“运行方式”->“Web应用程序”,出现如下图所示;

hbuilder开发app教程

5、此外还可以连接手机调试安装,使用安卓、iphone都可以:依次点击“运行”->“手机运行”->【手机实例】即可自动在手机上安装运行。

hbuilder开发app教程

hbuilder标准版和app版的区别?

通过HBuilder的云端打包技术(也可以放到本地), 你只需要写html+js+css即可开发出app, 并且是一次开发,即可生成android和ios两种对应app。 原理介绍-ui层 app中的ui对应html中的ui,你可以自行选择ui框架, 无论是bootstrap还是amazeui,还是jquery mobi(phonegap推荐ui), 还是HBuilder推荐的mui都可以, 这里建议使用HBuilder推荐的mui, 因为封装了一部分nativejs的东西, 而且HBuilder也封装了mui的快捷键,使用起来很方便。 总结一下,就是用html层次的ui框架来实现(模拟)app中的ui。

具体区别如下:

HBuilderX标准版可直接用于web开发、markdown、字处理场景。做App仍需要安装插件。

App开发版预置了App/uni-app开发所需的插件,开箱即用。

标准版也可以在插件安装界面安装App开发所需插件,App开发版只是一个预集成作用。

hbuilder是开源的嘛?

hbuilder是开源的。HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。

它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率

到此,以上就是小编对于hbuilder开发app教程的问题就介绍到这了,希望介绍关于hbuilder开发app教程的3点解答对大家有用。

文章版权声明:除非注明,否则均为ZBLOG原创文章,转载或复制请以超链接形式并注明出处。

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (暂无评论,10人围观)

还没有评论,来说两句吧...