hbuilder建立app并利用真机运行调试

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

        首先要下载安装Hbuilder、不须要配置任何环境，就能够开始创建项目了。

1、建立项目

选择一个已有模板

 

 

2、运行

        hbuilder的app能够在真机上运行，因此咱们须要将手机连上电脑，这里介绍的是Android的手机。

3、调试

        利用hbuilder开发手机app有一大好处就是能够即时调试并显示在手机上，当你改变了某个页面的css、js保存后它像咱们开发web同样立刻就显示出来，这样能够避免开发后打包、而后真机调试、若出现问题须要改了再打包再调试的麻烦。因此若是咱们须要修改css、js、添加html等等，只须要写完保存、而后在手机上查看就能够了。

        咱们利用hbuilder调试app的时候，有一个最大的问题就是不能看到后台输出，可是hbuilder也帮咱们解决了这个问题。打开webview调试视图：

打开后能够看到咱们正在运行的页面：

点击"inspect(调试)"进入，就能够看到咱们平时用web开发的控制台输出了，以下：

参照：https://blog.csdn.net/zeternityyt/article/details/80154566