一个简单易上手的webapp框架HBuilder mui

最近网络上webAPP很火，公司跟上步伐，准备推出一款webapp，给了个链接，让我学习学习弄出来

1.下载并安装 HBuilder  

http://www.dcloud.io/  直接下载就行

下载下来的工具包含他已有的框架

 

2.新建hello mui模板 (在这个模板里你可以看到mui的所有示例）

mui使用文档：http://dev.dcloud.net.cn/mui/ui/

 

新建项目跟新建

文件>新建>移动APP >创建移动APP  >完成

应用名称:hello world，位置：你的项目地址 ，选择模板 Hello mui  

 

 

3.运行Hello mui

把你的手机连接上电脑, 然后HBuilder会自动连接到你的手机，点击运行>手机运行>选择你的手机 运行  就会在你的手机上自动安装上hbuilder的应用 点击APP就能运行了

HBuilder有一个好处就是不用发布，或者别的设置，直接ctrl+S 你的手机就会实时更新你修改的内容了

 

 

 

4.配置（如果你准备发布你的自己的正式版本，你可以对你的应用进行配置）

打开目录中的manifest.json 可以配置 app在你手机上显示时的应用名称，页面入口，模坚屏显示，启动图片，启动的模块，SDK配置等等

也可以去除一些你的应用中没有用到的模块，以减少APP的体积

 

5.发布 

hbuilder 云端打包APP有一个好处就是，你可以不用自己配置xcode和Android SDK，对于我这种刚接触这行的新手来说，xcode和SDK是什么鬼 ？完全不懂麻，这个大大的方便了我们

发行>发行为原生安装包> 你要android就选安桌的，要ios就选ios的，也可以两个都选，然后直接点打包，就行了

 

打包完成后，你可以在你的文件目录 Hello world\unpackage\release 里查看安装包

 

本推荐仅适合刚入webAPP坑的菜鸟，以上内容只是一个大概的WebApp示例的 生产过程，还有更多的问题请查看官方文档 http://ask.dcloud.net.cn/docs/

 

HBuilder用后感：

使用确实很简单方便，如果你想做一个基本款的webAPP，mui就能满足你了，你想要的mui基本都要示例，你直接拿过来就能用

稍微难一点的，h5+也有示例和文档

一句话，你想要的，这里都有哦

最后祝大家在webApp这个坑里越走越深