windows 下构建ionic开发环境以及相关问题解决办法

前言

如果你在浏览这篇文章。相信你已经是一个Hybrid APP开发人员。目前市面上主流的Hybrid APP开发平台很多。不过现在主流的算是 ionic 。ionic开发起来非常方便，但是我们也知道构建 ionic 开发平台是一件非常麻烦的事。好了，废话不多说直接上代码。

开发环境

ionic之所以跨平台开发，实质就是在移动APP的基础上引入了原生android 与 IOS 开发平台。那么在 android 开发的基础有事基于 java 的。所以我们开发环境是基于 java 以及 android的。所以在搭建环境之前你应该准备以下材料。

1. 你首先需要安装 node 环境 和npm（npm 是node自带的，所以安装好 node之后便安装好 npm ）。你可以使用 npm -v、 node -v 分别查看npm 和 node 的版本。

   • node 下载地址 ，注意 我们一般下载 LTS(长期支持版)比较稳定。

2. java 环境。这里只需下载 java jdk 安装即可。安装好之后将安装好的 jdk ` 路径配到系统的环境变量中。

   • jdk下载地址

   • 

   • 计算机 > 系统属性 > 高级系统设置 > 高级 > 环境变量 > 系统变量 > 新建 > JAVA_HOME (变量名) ，你的jdk路径（变量值） > 然后加到 path里面，注意在 path 末尾如果没有 ; 应该自己补上，切为英文状态。并用 %JAVA_HOME%\bin添加到 path 中。添加成功后在 cmd 里面输入 javac 或是 java -version 会有 java 相关信息，自此 jdk 配置成功。如下图

   
   

3. android SDK 配置。

   • SDK Tools 下载地址

     

下载完成后，运行安装 installer_r24.4.1-windows.exe 这里注意记住安装目录且目录不要有中文。安装成功后如下图。

注意： 由于网络的限制，我们这里采用手动安装的方式安装 相应的 android SDK, 如果你在网络的支持下你可以直接运行 SDK manager 选择自动安装 build tools 、platforms extras、 tools ““““

• 安装好 SDK Tools 后我们还需要安装一下几个文件，下载地址

  • android-23_r01 (这里解压后是android-6.0 platform android 的运行平台 ) 解压后将里面的文件复制到之前 installer_r24.4.1-windows.exe 安装的文件夹里面下的 platforms里面。 如果没有 新建一个。

  • platforms-tools_23… 解压后将解压后的文件执行上面的步骤将解压后的 platform-tools 添加到对应的目录。

  • tools 解压 复制到对应的目录

  • buil-tools 解压后 里面 的文件夹是 android-6.0 这里要把名称改了。改为对应的android 版本我们这里对应的是 23.0.3 既是对应解压前的文件版本。

  • support_r23... 和 android_m2respository 下载这两个文件后，在 sdk 所在的目录新建一个 extras 文件夹。 并把对应的 supports 和 m2respository 两个文件夹移动 extras 下面。

自此安装 sdk 环境完成。安装好后的目录如下。

对应 android 目录如下

注意 以上目录名一定要对应不要随意改动。

然后将 android 的开发环境添加到 系统的环境变量中去。依照上面 jdk 的配置方法执行下面操作。

在环境变量里面新建一个 `ANDROID_HOME`变量，变量值为你的安装路径（`C:\AndroidForHybridAPP\Android\android-sdk`）这是我的安装路径。
让后将`tools` 和 `platform-tools` 添加到 `path` 里面（%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools）。

配置完成后可以运行SDK manager 查看对应的安装是否完成

在 cmd 中运行 adb 命令 ，如果显示

至此 恭喜你环境配置完成。接下来就是配置 IONIC 环境。

IONIC 环境

安装 ionic

• 打开 cmd 执行 npm install ionic -g

• 运行 ionic -v 检测是否安装成功

安装 cordova

• 打开 cmd 执行 npm install cordova-g

• 运行 cordova -v 检测是否安装成功

构建 ionic 初始化项目

• ionic start test 初始化一个 test 项目 这里默认 ionic 会构建一个项目名为 test 布局为 tab 的项目。这里一般不会错，如果错了多试几次,一般不需要翻墙，有条件可以翻墙。

添加平台

ionic 之所以跨平台也是因为其使用 android 和 IOS 平台打包。所以我们这里可以构建android 和 IOS 两个平台，这里我们以android 平台为例。但是多半问题会出在这里。

• 运行 ionic platform add android 添加 android 运行平台，一般会在这里出错。

  • 错误一
    

• 解决办法，在环境变量里面添加一个 _JAVA_OPTIONS 变量，变量值为：-Xmx512M，并把这个变量添加到 path 里面。

• 错误二

错误二是基于错误一后的，如果错误已解决啦之后显示如下错误

这里我们明显可以看见是因为 sdk 没有获取许可而导致的错误。这里我也纠结了几天才把这个问题解决。为了让大家少走弯路便写了这篇文章。如果对你有用请支持一下，你的支持是我坚持的动力。

• 解决办法: 在 cmd 里面注册 sdk 许可。执行下面语句。

mkdir "%ANDROID_HOME%\licenses"
echo |set /p="8933bad161af4178b1185d1a37fbf41ea5269c55" > "%ANDROID_HOME%\licenses\android-sdk-license"

注册成功后，记得电脑重启哦。支持你就可以继续运行下面的操作。

• ionic build android

• ionic run android

大功告成

希望文章对你有帮助，觉得可以点个赞哦，有你的支持才是我继续努力的动力。文章瑕疵之处多包涵。解决问题才是我们的根本。

• 转载请标明出处。