链接：https://pan.baidu.com/s/1cNgLoiJavRFDbX2TzDwwbA 

提取码：w2pz 

 

一、介绍 1. Cordova（以前叫PhoneGap） http://cordova.apache.org/ Cordova（以前叫PhoneGap）提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、 麦克风等。 Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。 Cordova支持如下移动操作系统： iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。 2. Ionic http://ionicframework.com/ Ionic 既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果，尽管通常组件不需要编码，通过框架 扩展可以很容易地使用，比如我们的AngularIonic扩展。 Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的 应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选择。 【参考】 (1). JQuery mobile, Bootstrop, Ionic,Lungo, Jingle, Sencha 等框架的比较？ (2). 三大行動UI框架大PK:Ionic、Onsen UI、jQuery Mobile 3. AngularJS https://www.angularjs.org/ AngularJS 是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应 用的话它就显得乏力了。所以我做了一些工作（你也可以觉得是小花招）来让浏览器做我想要的事。 【参考】 (1). AngularJS vs. jQuery，看看谁更胜一筹 二、安装Nodejs和Express 1. 安装Nodejs http://nodejs.org/download/ 现在cordova和ionic是利用nodeJS进行管理，所以需要先下载nodeJS。其中，就包含了npm管理器。 （注意：Nodejs的安装路径，避免使用中文目录和有空格的目录 ) 安装完成，输入命令： 2. 安装Ant http://mirror.bit.edu.cn/apache//ant/binaries/apache-ant-1.9.6-bin.zip (1). 配置环境变量 (其中安装目录：C:\apache-ant-1.9.6 ) set Path = C:\apache-ant-1.9.6\bin;

set CLASS_PATH = C:\apache-ant-1.9.6\lib; 3. 安装Python https://www.python.org/ftp/python/2.7.11/python-2.7.11.amd64.msi (1). 配置环境变量 (其中安装目录：C:\Python27 ) set Path = C:\Python27\ 4. 安装Git http://git-scm.com/download/win 5. 安装Express Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应 用。在命令行窗口输入以下命令，进行安装express和express-generator $ npm install express -g $ npm install express-generator –g 坐等安装完成，输入命令： 6. 安装Bower 在命令行窗口输入以下命令，进行安装bower $ npm install -g bower 坐等安装完成，输入命令： 其实现在我们就可以安装Cordova和Ionic了， 但我们要编译apk才能看到效果所以需要装sdk。（这里注意顺序先装Android sdk再 装Cordova和Ionic） 三、三 Android和IOS编译环境的安装 编 由于本文基于win10（64位）操作系统，所以主要讲解Android的编译环境的安装， 并且HybridApp(Cordova+Ionic)应用，是基于html5进 行开发，可以先在Android下进行调试，然后再分别在Android和IOS等编译环境下，进行编译打包。 1. Android编译环境的安装 编 : 1.1. 安装JDK http://www.oracle.com/technetwork/java/javase/downloads/index.html 如已经安装JDK，请跳过JDK安装 (1). 配置环境变量 (其中安装目录：C:\Program Files\Java\jdk1.7.0_80 ) set JAVA_HOME = C:\Program Files\Java\jdk1.7.0_80; set CLASS_PATH = .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar; set Path = %JAVA_HOME%\bin;%Path%; 1.2. 安装Android SDK http://www.androiddevtools.cn/#sdk-tools Android SDK是编译apk的依赖

(1). 配置环境变量 (其中安装目录：C:\AndroidSDK\android-sdk-windows) set Android_Home =C:\AndroidSDK\android-sdk-windows set Path = ;%Android_Home%\tools;%Android_Home%\platform-tools; 坐等安装完成，输入命令： (2). 执行C:\AndroidSDK\android-sdk-windows\目录下的SDK Manager.exe就能打开工具包，如果遇到打不开的情况就要用管理员运行。 (3). 接着配置AndroidSDK的代理服务器，选择Tools -> Options 打开设置界面 （大家知道国内无法访问google，列表可能是空的，所以 需要添加代理镜像服务器） 在打开设置界面的Proxy Setting中，填入SDK镜像服务器 mirrors.neusoft.edu.cn 和端口 80，并且勾选 Force https://... sources to be fetched using http://... ， 单击Close关闭。