1,安装node.js
推荐使用nvm安装,方便版本管理
如果不能翻墙,可以安装淘宝镜像
npm install -g cnpm --registry=registry.npm.taobao.org
检查:node -v
2,安装ionic
npm install -g ionic
检查: ionic -v
3,安装cordova
npm install -g cordova
检查:cordova -v
4,安装jdk
检查:java -version、 javac -version
配置jdk
设置系统变量:
名称:JAVA_HOME,值(根据你的安装路径改): C:\Program Files (x86)\Java\jdk1.8.0_144
在Path中添加 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
5,安装android sdk
官网(可翻墙选择):http://developer.android.com/sdk/index.html
不可翻墙选择:http://www.androiddevtools.cn/
或者360安全卫士—360软件管家—编程开发—搜索即可。
(下面以第二种方法为例进行下载)
(1)、下载Android SDK Tools
先找到SDK Tools,下载最新的版本即可。选择zip的,解压缩至目标路径位置即可


(2)双击“SDK Manager”,启动SDK Manager
①、Tools的勾选图示选项下载即可。

②、API的任意选择一个,考虑向下兼容原则,可以下载最新的API。(最新的27,最好26的也下载,否则会报错,如下图所示)

③、Extras的全选
注:无法下载的会出现以下提示
此时采用有Android SDK在线更新镜像服务器来下载安装:
1、北京化工大学镜像服务器地址:
IPv4: ubuntu.buct.edu.cn/ 端口:80
IPv4: ubuntu.buct.cn/ 端口:80
IPv6: ubuntu.buct6.edu.cn/ 端口:80
2、大连东软信息学院镜像服务器地址:
mirrors.neusoft.edu.cn 端口:80
3、郑州大学开源镜像站:
mirrors.zzu.edu.cn 端口:80
使用方法:
启动 Android SDK Manager ,打开主界面,依次选择『Tools』、『Options...』,弹出『Android SDK Manager - Settings』窗口;
在『Android SDK Manager - Settings』窗口中,在『HTTP Proxy Server』和『HTTP Proxy Port』输入框内填入上面镜像服务器地址:mirrors.neusoft.edu.cn和端口80,并且选中『Force https://... sources to be fetched using http://...』复选框。设置完成后单击『Close』按钮关闭『Android SDK Manager - Settings』窗口返回到主界面;
依次选择『Packages』、『Reload』。
(3)、设置环境变量
①、新建一个系统环境变量,变量名为ANDROID_HOME,变量值为你的SDK安装路径
②把%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;添加到Path环境变量中。
③、检测是否配置成功。打开命令行窗口,输入adb。出现如下图所示内容则配置成功:
6,安装gradle
(1)去Gradle官网:https://gradle.org/install
(2)下载Gradle:https://gradle.org/releases,我这里下载的是最新的4.4版本(gradle-4.4-bin.zip);
(3)解压,放置的位置自己定;
(4)配置环境变量:系统变量--Path--编辑:(拷贝的网上的图,按照实际填写即可)

(5)验证:

(6)继续ionic cordova build android。
这一步可能需要重启电脑,我是重启电脑后编译成功的。


这里可能会报一个错,我电脑下是有安装.net Framework 2.0 sdk 不知为什么会报错
解决如下 通过 命令 安装 win下 编译环境 npm install --global --production windows-build-tools
安装过程中 又出现问题
通过安装Cocos Creator 解决

7,创建、项目
(1)ionic start ionic3test tutorial(ionic3增加了两种类型,总共有:blank tabs sidemenu super tutorial)
这里网络不好,下了很久官方项目没下好,于是搭建了github 著名仿JD项目

备注:在创建项目的过程中,可能npm下载报错,那么进入项目中,执行npm i重新安装module
(2)ionic cordova platform add android --nofetch
(3)ionic cordova run android
编译问题
