Ionic 学习笔记 1-环境搭建

Ionic是什么就不多说了，引用一段百度百科的介绍，如下

　　Ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html、css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。

网上已经有很多关于Ionic安装的教程，差不多都大同小异，此文章主要是记录自己Ionic学习的过程，和遇到的问题，有解决的，没解决的，反正都是本人操作过的

所有步骤都是在Mac OS X系统下操作；

1、安装Node.js ,这步没问题，网上下载安装就好了

2、安装Cordova和Ionic

    终端输入：sudo npm install -g cordova ionic   这个只要等待就好了自动完成的；

    默认安装完后路径是：/usr/local/bin

3、官网上说，现在就可以使用了

    终端输入：sudo ionic start myApp tabs  下载了一堆东西（每次建立新项目都会下载，这个感觉有点担心，会不会哪天GFW了），创建成功，新建项目地址是在/usr/local/bin/myApp，默认是IOS Application；

4、一个最简单的项目就搞好了，然后按官网说明编译、模拟器运行；

     sudo ionic platform add ios  (因为默认已经是IOS，所以可以省略；如果是要编译Android平台，ios改android就好了)

　　sudo ionic build ios   这步也很正常，显示**BUILD SUCCEEDED**

     sudo emulate ios   这步操作就不行了，可以打开模拟器，但是App进不到模拟器里面去；报错：no such file or directory,stat '/users/apple/Library/logs/CoreSimulator/F9BF053E-FD55-42BC-A03C-2F2F3C804462/system.log ,提示很清楚，没找到文件，因为Mac OS的模拟器不是很了解，暂时还没解决，解决后再补充了；

5、在新建平台和编译之后，ionic会在/platforms/ios建立一个XCode的工程，用XCode打开就可以编辑修改了，而且用XCode挂接模拟器是可以正常运行的；

 

因为用ionic主要是为了跨平台，减少开发，自然想到还要编译下android平台的

1、sudo ionic platform add android   又是下载几个包，正常完成

2、sudo ionic build android ,报错了，Failed to find 'ANDROID_HOME' environment variable;显然是环境变量没设置，又折腾了下，把环境变量设置好；

    环境变量存放在.bash_profile文件里，默认没有，手工新建一个，文件里输入：

    export ANDROID_HOME=~/Document/ADT_SDK

    export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

    终端里输入：sudo source ~/.bash_profile   让它立即生效

   重新输入sudo ionic build android，可以了，又是下载一堆的东西

   输入 sudo ionic emulate android 模拟器运行，但是报错，提示:No emulator images(avds) found; 模拟器镜像没找到；好像是需要Api 21 的Image，没确定；

   然后我先手动开启模拟器，再运行上面的指令就可以了，另外API 17版运行界面混乱，API 22版运行良好