上一章节,我们已经讲解了环境安装,那么今天我们来做一个小的demo,并且熟悉一下ionic项目如何运转,如何热更新
1,创建一个名为myApp的还有tabs的项目
命令行:ionic start <project-name> <optional-template>,可选模板为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我们就完成了,下次我们再主要讲解热更新原理吧!