mui hello html5 安装,HBuilder开发App Step1——环境搭建，HelloMUI 以及真机调试(示例代码)...

No1.　必须搭建java环境

只需要最基础的java环境，也就是cmd下可以运行java和javac即可，

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

No2.　下载安装HBuilder

下载完成后请将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吧。

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

mui hello html5 安装,HBuilder开发App Step1——环境搭建，HelloMUI 以及真机调试(示例代码)...相关推荐

Android开发-mac上使用三星S3做真机调试
之前一直未使用真机进行Android开发,为准备明天的培训,拿出淘汰下来的s3准备环境,竟然发现无法连接mac,度娘一番找到答案,如下:mac 系统开发android,真机调试解决方案(无数的坑之后吐 ...
Windows 7 搭建 Mobile 6 真机调试开发环境
环境安装 Windows 7 VSTS 2008 sp1 SQL Server 2008 sp1 Mobile 6 Professional SDK Windows Mobile 设备中心一台安装有 ...
HBuilder开发App教程01-推开前端开发App的大门
奇妙的前端,奇妙的js 众所周知,自从js有nodejs后,前端人员可以华丽的转身,去开发高并发非阻塞的服务端程序, 随着html5的出现,伴随一些amazing的特性,h5开发app的技术越发的成熟 ...
iOS提交应用至App Store流程及真机调试一，证书、配置文件
前言:你要有苹果开发人员账号,我用的是个人账号.其次xcode为xcode 7,因为xcode 7须要 os x 系统 10.11 或更高的版本号, 所以os x 系统也须要 10.11 或更高的版本 ...
Hbuilder开发app实战-识岁01-actionsheet实例
前言之前写了HBuilder开发App入门-滴石.相信大家看完后应该能够入门了, 之后会做一些简单的app.把nativejs一些经常使用的功能都过一遍,这样以后做app就没什么难的了. 识岁借助 ...
(二)01- DCloud平台 HTML5+ App开发——真机调试运行夜神模拟器运行HBuilderX中的html文件夜神模拟器运行App的基础功能示例-手机设备-分享功能-拍照功能
DCloud 平台 HTML5 + App 开发下载安装 HBuilderX 下载地址:https://www.dcloud.io/hbuilderx.html HBuilderX-使用步骤: 第一 ...
Hbuilder开发app实战-识岁06-face++的js实现【完结】
前言因为识岁app比較简单.所以这节就完结吧, 当然另一些能够优化完好的地方,可是个人兴趣不是非常大, 有想继续完好的,源代码在这里:https://github.com/uikoo9/shisui ...
iOS APP免费开发账号真机调试教程
之前上架苹果APP或者测试苹果APP都需要付费99美金(688元)加入苹果开发者才能进行,但现在真机调试测试完全可以免费进行;因为Appuploader新增加了一个强大的功能不用苹果付费99美金的开 ...
ios真机调试教程（不上架App Store安装到手机）
详细步骤 1 1.申请一个APPid(应用标识符 2.添加调试设备 3.申请iOS调试证书 4.配置调试描述文件 5.iOS打包ipa 6.安装到手机调试 END 一.创建唯一标示符App IDs 1 ...

mui hello html5 安装,HBuilder开发App Step1——环境搭建，HelloMUI 以及真机调试(示例代码)...

mui hello html5 安装,HBuilder开发App Step1——环境搭建，HelloMUI 以及真机调试(示例代码)...相关推荐

最新文章

热门文章