记录搭建Ionic开发环境,创建Ionic工程遇到的坑(2016年12月09日更新)

前言

这是我第一次创建Ionic工程,在搭建开发环境时经过了很多坑,在此进行记录,并希望对遇到同样问题的朋友有帮助。

基本步骤

  1. 安装JDK(我的JDK版本1.8.0_101)(安装步骤请查看参考博文-1

  2. 安装SDK,并下载android 6.0系统

  3. 安装NodeJS(我的NodeJS版本是v4.4.4)(安装步骤请查看参考博文-2

  4. 创建Ionic项目

安装SDK

  • 下载SDK

下载网址链接:http://tools.android-studio.o...,下载下图中的压缩包版本即可。
记录搭建Ionic开发环境,创建Ionic工程遇到的坑(2016年12月09日更新)

  • 解压,运行SDK Manager.exe

打开SDK Manager,我们需要进行SDK镜像的配置,否则下载速度你懂得。。。配置步骤请查看链接http://tools.android-studio.o...

  • 下载android虚拟系统

请按照下图勾选并安装组件
记录搭建Ionic开发环境,创建Ionic工程遇到的坑(2016年12月09日更新)

  • 创建android模拟器AVD

在SDK的解压文件中有AVD Manager.exe,双击运行创建AVD模拟器,具体步骤请参照链接http://jingyan.baidu.com/arti...

  • 如果1-3步都完成了,我们就可以创建Ionic项目了。

创建Ionic工程

这里创建Ionic工程步骤请查看参考博文-3,这个步骤非常详细,下面我来说一下可能遇到的问题。

  • 未配置ANDROID_HOME

这个提示是说明电脑没有配置ANDROID_HOME环境变量,配置方法在参考博文-3中的第2步有相关说明,和配置JDK的JAVA_HOME类似。

  • android虚拟机版本低问题

走到博文中的第f步骤时,可能会报android版本的问题,那么此时你就需要使用SDK Manager按照提示下载更新版本的android系统,我当时遇到的是需要使用android-23,也就是android 6.0版本以上的系统。如果在上步中已经下载了android6.0系统,应该不会有这个问题了。
注意:此步骤如果成功执行,执行时间会比较长,大约半小时,请耐性等待。

  • 未安装HAXM,错误信息如下:

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!
解决办法请参考链接:http://www.cnblogs.com/csulen...,下载haxm-windows_v6_0_5.zip,下载地址https://software.intel.com/zh...

基本是解决了上面的问题就能够创建并在虚拟机上运行Ionic的项目了,祝君好运。

参考博文

  1. JDK安装配置教程 http://jingyan.baidu.com/arti...

  2. windows 下安装nodejs http://jingyan.baidu.com/arti...

  3. 轻松学习Ionic (一) 搭建开发环境,并创建工程(2015-10-26更新) http://blog.csdn.net/zapzqc/a...

相关推荐