ionic-配置及第一个程序【草稿试验版】

安装流程

ionic 安装

备注

教程永远只是教程，实际操作发现很多问题，下面我就记录一下个人的相关配置过程，仅供参考。

安装ionic

假定已经安装好nodejs—没有的话返回第一步看。

输入：

npm install -g ionic

进行安装。

安装cordova

ionic是依赖于cordova的，别忘记要安装这个：

npm install -g cordova

ps：假如有提示警告：

Please update to minimatch 3.0.2

这种，那么可以运行下面命令：

npm install -g minimatch@"3.0.2"

新建ionic项目

ionic start app名称 [模板类型-可省略，默认tabs]

这里我们用的是defaultApp，tabs作为模板

ionic start defaultApp tabs

添加android平台

假如我们创建的app名称是defaultApp，那么我们需要先进去目录再执行命令

cd defaultApp
ionic platform add android

编译ionic的项目为android项目

ionic build android

ps：这个错误恐怕是要我们配置android的运行环境了。下面我们进入配置安卓运行环境的环节

android环境的配置

很遗憾，本人以前就已经安装了android了，

不过假如没有安装的话，请访问下面文章，
intellij开发安卓与genymotion配合

阅读并参照下面内容进行安装：
Java SDK的安装
Android SDK的下载

下面配置android的环境变量

将sdk的位置赋值给android home变量：

C:\Program Files (x86)\Android\android-sdk

在 path 中加入 %ANDROID_HOME%\tools ，注意不要改变其他文件路径，只需在分号后面加入

配置完成，那么继续编译。

夭寿了，那么下载android23版本。我们来看看如何手动配置android的某个版本系统—天朝的网络环境下面是没办法用sdk的自动安装功能的，装多少次都失败。

安卓sdk相关资源整合帖子

然后点击安装就可以了

安装过后我们继续执行命令，可以看到：

ionic build android

编译过程恐怕要用到java，anroidsk，还有需要下载部分组件，不过最后终于都编译成功了，话说那个红色的错误是哈意思。

运行程序

ionic emulate android

执行上面命令，然后有：

又出问题了，大意是没有找到对应的系统镜像

检查一下，在android的sdk下面，有一个叫做system-images的文件夹，下面放着各种镜像，查看一下：

没有23的镜像，好吧，现在下载一个镜像

安装过后，打开到android sdk的tools目录，执行：

android.bat avd

创建虚拟设备。

继续执行

ionic emulate android

又出问题了

搜索了网上，其中一个解决方案是：

Starting emulator for AVD 'Android4.0.3' 

PANIC: Could not open: Android4.0.3

造成该问题的原因是没有配置 ANDROID_SDK_HOME， 模拟器会以当前用户的环境目录作为 ANDROID_SDK_HOME 的目录，所以造成了错误。

我们只需要设置 系统环境变量的 ANDROID_SDK_HOME为你自己的SDK安装目录即可，我设置的目录为 F:\Android\android-sdk_r06-windows\android-sdk-windows，


操作：
-我的电脑，属性，高级。环境变量。
-新建系统环境变量，   
-名字：ANDROID_SDK_HOME
-变量值：F:\android\android-sdk_r06-windows\android-sdk-windows
 然后 关闭 eclipse， 重启eclipse， 删除之前创建的AVD, 然后重新创建，即可正常启动。

根据资料，设置环境变量，删除以前的avd，然后新建一个，然后关闭之前的命令行，在打开，然后执行

ionic emulate android

看到：

不管了，再新建一次avd，然后点击start，得到：

还是有问题。。

然后

而且还没办法运行。。

no emulator specified

需要安装一个小软件来支持x86的运行。解决方案如下：

emulator: ERROR: x86 emulation currently requires hardware acceleration!
Please ensure Intel HAXM is properly installed and usable.
CPU acceleration status: HAX kernel module is not installed!
试用了这个方法，但还是没有安装成功。　
一：在SDK Manager里下载Intel x86 Emulator Accelerator...以后，虽然显示Installed，但还得到SDK目录下extras\intel\Hardware_Accelerated_Execution_Manager手动安装（参数设为1024M够用了，需要改参数的话可以重新安装一次）
　　二：在SDK Manager下载对应的x86镜像（Intel x86 Atom System Image或Intel x86 Atom_64 System Image）,对应的版本是你所用android版本（如5.1 4.4 4.3等等）下的x86镜像
　　三：在SDK Manager中升级android Tools
　　四：在AVD Manager中新建android模拟机时，CPU/ABI应选择x86（或x86_64），然后Emulated performance应选择use host GPU

安装以后，然后设定snap 为不选中，use host为选中，然后再start运行一下，结果又有问题了：

解决方案：

You will need to actually install the Intel HAXM in order to use it:

Windows

In your Android SDK folder, look in extras\intel\Hardware_Accelerated_Execution_Manager\
Run intelhaxam-android.exe
Mac

In your Android SDK directory look in the extras/intel/Hardware_Accelerated_Execution_Manager subdirectory
Run the installer:

Mount the HAXM *.dmg file, then run the *.mpkg contained inside it
or
Execute $ ./silent_install.sh

真讨厌的错误，查一下sdkmanager的内容

更新一下

好了，haxm的版本已经是最新了，那么安装了再试试—要先删除以前版本。

终于见到这个画面了。。。感动ing。

再次运行-记得在项目目录下运行啊

ionic emulate android

然后看到

终于成功了，真的好累。。。