Ionic3开发之开发环境配置

1. Node.js的安装(建议安装8.x.x版本)，点击下载
2. cnpm的安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

3. ionic的安装

cnpm install -g ionic

4. cordova的安装

cnpm install -g [email protected]

5. 新建ionic项目

ionic start demo blank

6. 点击下载安装Android Studio

7. 安裝Gradle

• 到https://gradle.org/install/下載安裝包
• C盘新建Gradle文件夹，把安装包解压缩到Gradle下
• 修改系统变量Path，把C:\Gradle\gradle-4.6-all\gradle-4.6\bin加到path里
• gradle -v 验证gradle是否安装成功

7. 配置环境变量

• 配置ANDROID_HOME
  变量名： ANDROID_HOME
  变量值：E:\tool\android\Android\sdk
• 配置path
  把ANDROID_HOME加到path中
  找到path， 编辑 -> %ANDROID_HOME% 添加path的值的最前面
  找到path， 编辑 -> %ANDROID_HOME%\platform-tools 添加path的值的最前面(可以是path中的任意地方， 格式要对)
• 配置JAVA_HOME
  变量名：JAVA_HOME
  变量值：C:\Program Files\Java\jdk1.8.0_111
  PATH属性已存在，可直接编辑，在原来变量后追加：;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin 。

8. 新增android平台
   进入到项目根目录，运行以下命令安装安卓平台

ionic cordova platform add android

9. 执行build android 命令

cordova build android

如果这一步出现“Exception in thread "main" java.io.FileNotFoundException: D:\demo\platforms\android\gradle\wrapper..\gradle-3.3-all.zip”错误，请见下一步

10. 点击这里下载gradle-3.3-all.zip并放到“D:\demo\platforms\android\gradle”目录下，重复上一步

11. 现在如何环境变量配置好，运行ionic serve命令即可运行demo。