ionic+cordova+Android studio开发环境配置及项目打包

目录

node.js

cordova

ionic

Android studio(Android SDK,需要配置SDK环境变量)

 

---

node.js

官网下载：https://nodejs.org/en/；

命令行检测版本：npm -v

cordova

命令行下载：npm install -g cordova 

命令行检测版本：cordova -v

Cordova框架相关介绍：

Cordova是用于使用HTML，CSS和JS构建移动应用的平台。我们可以认为Cordova是一个容器，用于将我们的网络应用程序与本机移动功能连接。默认情况下，Web应用程序不能使用本机移动功能。这就是Cordova进来的地方。它为网络应用和移动设备之间的连接提供了桥梁。 通过使用cordova，我们可以使混合移动应用程序，可以使用摄像头，地理位置，文件系统和其他本地移动功能。

Cordova是一种Hybrid开发，可以被部署到android，ios等多个手机平台。Cordova就是一个中间件，让我们把WebAPP打包成HybridAPP，并且它提供了非常多的插件，方便我们使用原生APP的功能。

Cordova是一款开放源代码的App开发框架，旨在让开发者使用HTML、Javascript、CSS等WebAPIs开发跨平台的移动平台应用程序，其原名称之为PhoneGap，Adobe收购Nitobi公司后，PhoneGap商标保留，代码贡献给了Apache基金会，而Apache将其命名为ApacheCallback，其后发布新版本时，定名为ApacheCordova。

Cordova是一个行动设备的API接口集，利用JavaScript存取这些接口可以调用诸如摄影机、罗盘等硬件系统资源。配合上一些基于HTML5、CSS3技术的UI框架，如jQueryMobile、DojoMobile或SenchaTouch，开发者得以快速地开发跨平台App而不需要编写任何的原生代码。

注意到因为Cordova本身仍是一个原生程式，为App打包时依然需要用到这些系统平台的SDK。

以前叫PhoneGap，是一个可以与手机原生代码交互的框架，主要用于调用手机功能，比如调用拍照功能，定位功能等。 
Cordova是贡献给Apache后的开源项目，是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎。你可以把它们的关系想象成类似于Webkit和Google Chrome的关系 
Cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。 
Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。 
Cordova支持如下移动操作系统：iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。

ionic

命令行下载：npm install -g ionic

命令行检测版本：ionic -v

ionic相关介绍：Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架，它自称为是“本地与HTML5的结合”。强大的HTML5开发框架。该框架提供了很多基本的移动用户界面范例，例如像列表（lists）、标签页栏（tabbars）和触发开关（toggleswitches）这样的简单条目。它还提供了更加复杂的可视化布局示例，例如在下面显示内容的滑出式菜单。

Ionic宣称他们极度强调性能，并且通过限制DOM交互、完全移除jQuery以及使用像translate(z)这种特定的硬件加速的CSS滤镜触发移动设备上GPU——与由动力不足的移动浏览器提供的交互相比这种方式提供了硬件加速的交互——等方式使速度最大化。

Ionic同时它是基于 AngularJs的。Ionic是基于AngularJS框架开发的，所以在使用Ionic之前需要对angularjs有一定的了解

ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html、css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。

Android studio(Android SDK,需要配置SDK环境变量)

下载：https://developer.android.google.cn/studio

安装及环境变量配置详见：链接