公司的项目也做了两个多月了,想总结一下ionic开发APP的流程以及过程中遇到的问题和解决办法。
一.创建ionic项目
需要环境:node.js --
安装cordova和ionic
-->
npm install-g cordova ionic
ant、gradle、jdk、androidSDK(需要配置环境的去配置环境,然后cmd中-v检测是否安装成功了)
创建:
1.cmd中进入想要创建项目的文件夹
2.执行命令ionic start demoName tabs/blank/sidemenu
3.
下面有报错,好像是装fsevents这个包的时候出问题了,但文件夹中项目已经建好了:
用webstorm打开,执行命令ionic serve,看看能不能自动打开浏览器跑起来
ok没问题,能跑起来,看来那个报错没有影响项目运行。
修改了home页的文字后,下面就进行编译打包,最终目的是要让其成为能在手机上安装并运行的app。
二.打包ionic项目
打包前还有些准备工作,比如将默认应用图标和启动页修改为自己想要的:
先添加平台,这里用Android演示:
执行命令:ionic cordova platform add android
同样会报那个fsevents包的错:
网上歪果大神的解决办法:
我先不管,配置一下启动图片和应用图标:
启动图片和应用图标都存放在resources文件夹下,我们可以将其替换为自己想要的图片,图片大小最好和人家原来的一样:
原图片的大小:
我更换为了自己的图片,然后执行ionic cordova resources来让ionic自动生成适配各种不同尺寸和分辨率的图标
生成成功,然后下一步就是进行编译,编译指令:ionic cordova build android
表示编译成功,但是会报一个虚拟机内存的错误,导致打包没成功
下面我们通过Android studio打开platform下的Android文件夹来进行虚拟机运行或者打包
后来模拟发现有个bug,就是app启动时启动图没有加载,后来查资料发现,原来是plugins文件夹中缺少了
cordova plugin add cordova-plugin-splashscreen这个插件