目前开发app有原生开发和web开发两种方式，各有各的优势和劣势，利用web技术开发app可以只用写一套代码，即可以在Android和ios同时应用，比较方便和快捷，有很多中不同的开发方式，例如cordova打包vue、阿里weex框架打包以及hbuilder打包等等方式。本文介绍利用hbuilder建立一个简单的app项目。

​ 首先要下载安装Hbuilder、不需要配置任何环境，就可以开始建立项目了。

注意 可以真机调试的项目类型有限，详情请看
https://ask.dcloud.net.cn/article/35878

一、创建项目

点击文件、新建、移动app、就会出现以下界面：

可以先选择hello mui看一下实例。然后点击完成

创建成功后项目结构如下图所示：

这是一个已经创建好的实例、上面有很多例子可供参考

！！！！！！！！

倘若你不会Vue，只是想整着玩，可以考虑导入github上人家的helloWord型demo
https://github.com/dcloudio/hello-uniapp

之后在HBuilderX上导入即可。

二、运行

​ hbuilder的app可以在真机上运行，所以我们需要将手机连上电脑，这里介绍的是Android的手机。

1、将手机的开发者模式打开

若找不到开发者模式选项，连续点击版本号多次，则可显示开发者模式选项。

然后进入、选择USB调试，若有监控ADB需要在充电时允许ADB调试，否则将无法连接

2、在电脑上安装手机驱动

都2020了 用不到什么垃圾助手，手机连接到电脑（文件传输模式），静置一段时间，驱动会自动打好的~

3、当驱动安装好并将手机连接上电脑，hbuilder会自动检测是否已经连接手机，这时若手机出现是否允许USB调试则表示已经成功了，点击确定即可。

如果没弹出来，那么需要我们自己进入开发者界面，以华为手机为例：
关于手机——狂按版本号

返回，点击“系统和更新”——开发人员选项——usb调试（给链接的电脑信任），“仅充电模式下允许ADB调试”，全打开。

4、运行app、点击运行、真机运行（注意手机要连接上电脑，如果没出来等一下，HBuilderX为运行到手机或模拟器）、选择自己的手机就可以了，首次会让你安装个叫做Hbuilder的app，同意即可。

编译时间可能有点长 耐心等待，建议手机全程不要锁屏。

当手机安装的Hbuilder自动弹出你的项目效果运行成功了。
控制台应该如下

点击立即体验进入后可以看到它的很多例子如下：