H5开发APP入门

1、MUI

　　MUI是一个最接近原生APP体验的高性能前端框架。咱们用它来排版布局。

　　官方网站：http://dev.dcloud.net.cn/mui/

2、HTML5PLUS

　　html5+是HBulider利用本身的IDE结合不一样平台的接口再加上html5的东西开发出来的一套框架，它有本身的使用规范，它容许和提供了一些接口和函数来让web开发者实现原声app所能实现的功能，Dcloud（开发hublider的公司，官网：http://www.dcloud.io/）还在HBuilder提供了云打包功能，几乎是打包发布，帮那些不熟悉原生开发的开发人员节省了不少时间

　　H5+规范的官方网站：http://www.html5plus.org/doc/h5p.html

3、APP开发准备工做

　　开发前，先安装两个软件：夜神模拟器（安卓模拟器的一种）和HBuilder。

一、准备工做：
　　打开HBuilder软件，选择"文件" --> "新建" --> "移动app"，以下图：

　　填写项目名称等参数，以下图：

　　完成生成项目，目录以下图：

　　点击HBuilder菜单的工具 --> 选项，以下图：

　　填写夜神模拟器的端口（若62001不行，可尝试52001），以下图：

　　打开夜神模拟器，在HBuilder中运行项目MuiDemo，以下图：

　　运行后HBuilder控制台以下图：

　　此时，在夜神模拟器中出现 "HBuilder"，以下图：

　　双击打开，以下图：

　　至此，咱们已经了解了一个APP重新建到运行的过程。

　　注意：条件容许的状况下，你也能够直接使用真机调试，即接入手机而替代夜神模拟器。

二、尝试开发一个APP的页面

　　按照上述步骤新建一个项目，注意，模板选择"mui项目"，而再也不是"Hello mui"。

　　参考MUI文档：http://dev.dcloud.net.cn/mui/ui/

 　　完成后以下图：