什么是Ionic3框架？
Ionic3框架是一个混合开发框架，其本身依赖于Angular，Sass，Cordova。
使用Ionic3框架可以做什么？
使用Ionic3可以使用前端相关技术快速开发多平台的移动APP。
Ionic3环境搭建
- 安装
Visual Studio 2011以上版本。 - 安装
python 2.7版本。 - 安装
Node.js。 - 使用
npm全局安装Cordova和Ionic。命令行输入npm install -g cordova ionic - 安装
Android Studio。 - 安装
Git。（可选）
安装完了之后，命令行输入
ionic -h如下图
初始化命令详情
输入
ionic start -h查看初始化命令详情，如下图。
-
name是项目名 -
template是初始化的模板 -
--type是项目类型，有Ionic1和Ionic-angular(也就是Ionic2和Ionic3) -
--app-name是App的名称，可以之后通过config.xml修改 -
--list是打印出所有可用模板 -
--cordova是集成Cordova -
--no-deps是不安装npm依赖 -
--no-git是不初始化git仓库 -
--no-link是不链接到Ionic平台
命令行安装
首先您需要安装 Node.js，我们在接下来的安装中需要使用到其 NPM 工具，更多 NPM 介绍可以查看我们的NPM 使用介绍。
然后通过命令行工具安装最新版本的 cordova 和 ionic 。通过参考Android 和 iOS 官方文档来安装。
Window 和 Linux 上打开命令行工具执行以下命令：
$ npm install -g cordova ionic
Mac 系统上使用以下命令：
sudo npm install -g cordova ionic
提示: IOS需要在Mac Os X. 和Xcode环境下面安装使用。
如果你已经安装了以上环境，可以执行以下命令来更新版本:
npm update -g cordova ionic
或
sudo npm update -g cordova ionic
创建应用
使用ionic官方提供的现成的应用程序模板，或一个空白的项目创建一个ionic应用：
$ ionic start myApp tabs
运行我们刚才创建的ionic项目
使用 ionic tool 创建，测试，运行你的apps(或者通过Cordova直接创建)。
创建Android应用
$ cd myApp $ ionic cordova platform add android $ ionic cordova build android $ ionic cordova emulate android
如果一切正常会弹出模拟器，界面如下所示：
创建iOS应用
$ cd myApp
$ ionic cordova platform add ios
$ ionic cordova build ios
$ ionic cordova emulate ios
如果出现"ios-sim was not found."错误，可以执行以下命令：
npm install -g ios-sim
如果一切正常会弹出模拟器，界面如下所示：
cordova打包apk流程
准备工作：
1. Android打包环境配置（百度一大堆）
总的来说包括：jdk的安装和Java环境变量的设置、Android SDK的安装和环境变量的设置、Ant的安装和环境变量的设置
2. node.js的安装
3. cordova的安装
打包详情：
1.初始化项目： cordova create hello com.example.hello HelloWorld
2.切换到创建的文件夹，输入指令：cordova platform add android --save
因为我们打包的是apk，所以使用安卓平台（本人没苹果电脑，打包不出ipa）
3.添加完平台后，检查当前设置状况
指令：cordova platform ls
4.检查打包条件
指令：cordova requirements
5.到了这步，离成功差不多了，最后就是开始打包app
指令：cordova build android
到这里，一个apk就打包完成了。
可以到文件夹内找到apk放到手机上安装进行测试，或者在安卓模拟器上测试
浏览器预览
输入
ionic serve，第一次会出现下图，输入Y安装。
然后再次输入ionic serve，如图继续输入Y安装，安装完后用启动serve，如下图。
游览器会自动打开localhost:8100，如果没有就在游览器里面手动打开本网页，界面如下图。
按
F12打开控制台，然后切换到移动显示，如下图。
这个样子大概就是我们应用界面的样子了。
————————————————
原文链接：
https://segmentfault.com/a/1190000010632905
https://www.runoob.com/ionic/ionic-install.html
https://blog.csdn.net/qq_38563845/article/details/80304169
问题1：$ ionic cordova build android 时报错
解决方法：gradle环境变量的配置
（1）到官网https://gradle.org/install/下载最新的gradle版本
（2）下载完成后，放到任意的位置，我的是在D:\Program Files (x86)\gradle-3.5
环境变量配置步骤：右键“计算机”-“属性”，进入“高级配置”，选择“环境变量”
新建系统变量 ”GRADLE_HOME“ ：D:\Program Files (x86)\gradle-3.5（安装路径）
（3）编辑系统变量 “path”，进行修改，加入“；%GRADLE_HOME%\bin”，注意此处没有引号，记得前面要加分号
（4）在命令窗口输入”gradle -v“，进行验证，出现以下提示则表示成功
介绍gradle相关链接：https://www.jb51.net/article/127095.htm
问题2：$ ionic cordova build android 时继续报错
方法一：
这个错误是编译时出现的错误，你将安装Ｃ盘的.gradle目录删除掉，不要担心删除会有什么问题。大胆的删！在清理下，它就会自动生成，问题解决.。
当然，试图编译或运行，都是不成功的。
经google发现，原来android studio是通过gradle对项目配置的，而系统中没有对android studio 的默认配置，就像Eclipse中的eclipse.ini文件。
解决方法：
在操作系统当前用户的.gradle文件夹下：C:\Users\Administrator.gradle 设置gradle.properties，若无就新增。
在文件中添加如下配置信息：
org.gradle.jvmargs=-Xmx512m
方法二：
新建系统变量
变量名 _JAVA_OPTIONS
变量值 -Djava.net.preferIPv4Stack=true
网上的方法 修改或者配置gradle文件没有成功解决的 可以试试这个方法！
原文链接：https://blog.csdn.net/jianghehe1/article/details/80507820