笔记_ionic2 app从创建到打包

公司的项目也做了两个多月了，想总结一下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这个插件