多语言展示
当前在线:1276今日阅读:75今日分享:44

图解利用HBuilder创建第一个App

本篇经验将和大家介绍一下如何利用HBuilder创建第一个App,希望对大家的工作和学习有所帮助!
方法/步骤
1

点击 文件-新建-移动App,在弹出框中输入项目名称,选择下面的 Hello mui 实例,如下图所示:

2

这个时候你就可以把手机插上电脑,见证奇迹的时刻,点击 运行-手机运行,你会发现什么都没有,别急,Android手机需要用手机助手安装驱动,这个简单,但是iPhone就需要安装插件和下载iTunes了,你会发现iPhone很难伺候呀,呵呵,确实iPhone更难的还在后面呢,Windows下你可以把App植入到iPhone,但是网页代码不能调试,需要Mac版的才可以哦,如下图所示:

3

点击 工具-插件安装 ,选择IOS连接插件,点击安装,再安装iTunes,如下图所示:

4

再次点击手机运行,发现手机出现啦,又一次见证奇迹的时刻到了,点击你要调试的手机,如下图所示:

5

然后会在你桌面出现一个 HBuilder 的App,Android的用户可以直接打开,但是iPhone的用户先点击App,会提出一行提示,按照提示操作一下就可以进入了哇,我开发的第一个App,如下图所示:

配置源代码管理
1

使用的TFS源代码管理,HBuilder 支持TFS和SVN,我这里只介绍TFS的配置,其他的大家可以自己研究点击 工具-插件安装,在弹出框中我们可以看到有SVN的插件,但是这里我需要TFS,点击 浏览Eclipse插件市场,搞Java的人对Eclipse应该很熟悉吧,如下图所示:

2

在市场中搜索TFS,找到第一个就是的哦,点击Install,然后等待下载,后面就是下一步下一步就可以了,如下图所示:

3

重启 HBuilder 后发现找不到 TFS配置的话,请点击 视图-显示视图-其他,如下图所示:

4

找到团队资源管理器,点击确定,下面的操作就和在VS中配置一样了,如下图所示:

5

的TFS服务器,如下图所示:

6

在你自己项目上右键-版本管理-共享项目...,在弹出框选择自己的项目目录就可以啦,如下图所示:

7

最后就可以看到我们熟悉的菜单啦,如下图所示:

推荐信息