HBuilder开发App Step1——环境搭建，HelloMUI 以及真机调试

No1.　必须搭建java环境

只须要最基础的java环境，也就是cmd下能够运行java和javac便可，

具体教程请自行百度，都会有很详细的教程，这里不重点介绍。

No2.　下载安装HBuilder

请在这里下载HBuilder：http://www.dcloud.io/，

下载完成后请将zip包解压缩到自定义的目录（windows），

并将该目录下的HBuilder.exe发送快捷方式到桌面。

双击该快捷方式，

第一次打开HBuilder须要注册，还请注册，几分钟搞定，

登陆后便可看到HBuilder主界面：

使用过Eclipse或者MyEclipse的开发人员应该很熟悉这个界面吧，

对，HBuilder就是基于Eclipse作的二次开发IDE，

因此大部分Eclipse的操做，快捷键均可以直接挪过来使用。

No3.　HBuilder 简介

介绍

稍微介绍下HBuilder能够作的事情：

1.前端开发

各类快捷键，各类提示，最好的一点是对全部html，css，js的各浏览器兼容性都有提示。

2.web开发

脱胎自Eclipse，天然作java web开发不成问题。

3.app开发

这个才是重头戏，编辑，在线打包，真机调试，6的飞起！！！

No4.　HelloMUI 起航

1.新建项目

点击主界面的新建移动app，或者经过项目管理器界面右键新建，或者ctrl+n，a新建，

你会看到以下界面：

(1) 填写应用名称

相似Eclipse中的项目名称

(2) 选择位置

(3) 选择模版

　　空模版

　　mui项目，自动引入mui相关文件

　　hello h5+项目，和官网提供的nativejs示例app相同

　　hello mui，和官网提供的mui示例相同

(4) 点击完成

这里选择hello mui模版，你也能够选择hello h5+模版，之后开发大部分选择mui项目这个模版。

2.文件结构

新建完成后，左侧项目管理器中会出现以下目录结构：

作前端开发的同窗必定很熟悉了吧，

主要注意的是manifest.json，

不少app相关配置：app图标，启动页，权限等都在这里配置。

End

就是这么简单，Now，你已经作完一个HelloMUI APP 了，剩下的就是看效果了。

3.真机调试

(1) 链接手机

请用数据线，而不是电源线链接手机，

ios须要下载一个调试插件，android能够直接调试，

绝对不须要额外的环境，不管是ios仍是android，

选中项目，或者打开任意项目中的文件时，

点击菜单--运行--真机运行--在xx设备上运行，

或者直接ctrl+r直接运行，

当你修改过文件后也能够直接ctrl+r，app就会重启。

(2) 链接失败

当你遇到链接失败的时候，

android只须要随便安装一个手机助手，手机助手链接成功便可，

ios请参考说明。

(3) run

直接使用快捷键 【ctrl+r】，

而后开始享受你用HBuilder作的第一个app吧。

嗯，有时间会持续更新的，记录学习状况，适当总结积累，总有一天小白也会成长为大神的，加油！