首先,搞清楚一个概念,phonegap与cordova之间的区别。其实, phoneGap是原先的名字,Adobe将phoneGap捐给apache之后,起了另外的一个名字——apache cordova,phoneGap的名字也被保留了。博文里也就不区分两者了。

  1. 下载和安装Cordova框架

    现在cordova是利用nodeJS进行管理,所以需要先下载nodeJS。其中,就包含了npm管理器。下载地址:

    https://nodejs.org/

    在命令行窗口确认安装完成:

    cordova入门——cordova环境配置(一)_上海

  2. 在windows上安装Cordova

    在命令行窗口输入:

    npm install -g cordova

    cordova入门——cordova环境配置(一)_windows_02

    过一段时间即可安装完毕,安装速度取决于网络情况。(安装挺慢的,而且有时会失败……,可以参考这篇文章设置镜像 http://npm.taobao.org/或者使用国内的镜像站:http://cnpmjs.org

    安装完成后,可以在C:\User\<用户名>\AppData\Roaming\npm\node_modules下可以看到cordova的安装包

        坐等安装完成,输入命令:

        cordova -v

        cordova入门——cordova环境配置(一)_cordove_03

         关于npm的常用命令可以参考:http://my.oschina.net/wootz/blog/468110

    3.安装JDK

      自个百度吧……

    4. 安装ADT

        下载ADT,地址:

        http://developer.android.com/sdk/

        下载 ADT Bundle for Windows会比较省事。什么,被墙了?自个想办法吧~~

        当然也可以选择分别下载ADT和SDK,在Eclipse中配置

        可以打开Android SDK Manager,选择安装或者更新套件,如下图:、

        cordova入门——cordova环境配置(一)_Adobe_04

        在Android SDK管理器主菜单上选择Tools>Manage AVDs功能,可以创建Android虚拟设备,如下图:

        cordova入门——cordova环境配置(一)_windows_05

    创建虚拟设备:

cordova入门——cordova环境配置(一)_Adobe_06

点击Start,启动Android模拟器。(话说,真的很慢,还是直接在手机上调试比较好)

cordova入门——cordova环境配置(一)_上海_07

手机连接电脑,打开USB调试模式,就可以选择直接在手机上调试程序:

cordova入门——cordova环境配置(一)_Adobe_08

    5.安装ANT

    cordova项目打包是用ant完成,所以需要安装ant。(在ubuntu下貌似默认是用Gradle打包 )

    下载地址:

    http://ant.apache.org/bindownload.cgi

    配置环境变量:

    ANT_HOME配置为放置ant的目录

cordova入门——cordova环境配置(一)_cordove_09

配置path,新增:

cordova入门——cordova环境配置(一)_上海_10