Hybrid app开发之Ionic+Cordova+Angular 系列篇（三）——demo开发

上一章节，我们已经讲解了环境安装，那么今天我们来做一个小的demo，并且熟悉一下ionic项目如何运转，如何热更新

1，创建一个名为myApp的还有tabs的项目

命令行：ionic start  ，可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白

ionic start myApp tabs

2，进入myApp 项目

cd myApp 

3，添加android平台

ionic platform add android 

如果你想要添加ios，将android换成ios即可

4，如果你想在真机上安装，那么需要一个Android机，提前设置好调试模式吧，后面我们会用到的。

  一般步骤如下：

（1）选择 设置(Setting), 或在应用程序中找到 设置 程序点击进入，点击 关于手机

（2） 连续点击七次 版本号

（3）再 返回 设置菜单界面选择 开发者者选项

（4）点击打开右上角的 开关, 即可打开 USB调试模式

5，ionic run android

此时你的手机上面就可以看到新的app安装好啦

下面我们谈一下热更新，其实这个也是hybrid开发的最大优势了

6，修改页面某个文件，保存好，然后执行一下cordova-hcp build，此时你会发现有两个文件变化了

这两个文件就是热更新的主要文件，今天我们只是简单提及到，后期我们再专门讲解一下热更新原理

记得执行cordova-hcp build之前打开server 哦，命令是

ionic serve --address 10.10.27.25，address后面的ip地址配置成自己电脑的。

7，退出程序重新进入就会有热更新的提示了。

8，如果你想debug，可以将手机连接在电脑上面，浏览器上面打开chrome://inspect/#devices，此时打开你的项目即可看到啦

一个非常简单的demo我们就完成了，下次我们再主要讲解热更新原理吧！