手把手教你玩转cordova（PhoneGap）

当制作Android App的时候需要用到Google提供的Android SDK，此SDK是面向Java开发人员的，因此需要安装JDK。

先检查你的电脑上有没有安装过Java及JDK。打开 控制面板 -> 程序 -> 程序和功能，看看你的电脑上已安装的程序中有没有以下两项（版本号可能会不同）：

如果有，表示你的电脑上已经安装了JDK，不需要再次安装，可跳过此步。

否则，就需要下载JDK的安装包并安装在你的电脑上。

点此链接下载最新版的JDK。

下载成功后，双击下载的.exe文件以进行安装。记住安装路径，稍后会用到。此安装程序会在你的电脑上安装两个程序，一个是JDK，一个是Java。安装过程中会让你分别选择JDK和Java的安装路径，不要设为同一个文件夹。

安装完成后，按以下步骤配置系统变量：

右键点击“我的电脑” ==> “属性” ==> “高级系统设置” ==> “环境变量”

点击“系统变量”下的“新建”，在弹出窗口中为我们的操作系统创建一个新的系统变量。

在弹出的窗口中的“变量名”后的输入框中输入JAVA_HOME，在“变量值”后的输入框中输入刚刚安装的JDK的目录，例如在我的电脑上是D:\JDK。

设置好后，连续点击“确定”，直到关闭所有的弹出窗口。

如果你的电脑上已经安装了Android Studio，则跳过此步。

到Android的官网上下载最新版本的Android Studio。

在安装过程中，会提示你选择Android SDK和Android Studio的安装目录，记住安装目录，稍后会用到。

安装完成后，按照“步骤一”中的方式再次打开“环境变量”窗口，点击“系统变量”下的“新建”，在弹出窗口中的“变量名”后的输入框中输入ANDROID_HOME，在“变量值”后的输入框中输入你的Android SDK的安装目录，例如在我的电脑上是D:\AndroidSDK。

点击“确定”以关闭“新建系统变量”窗口。

在“系统变量”列表中找到“Path”，选中它，然后点击下面的“编辑”，将光标移动到弹出窗口中“变量值”后输入框的最后，输入英文分号（;），再接着输入%ANDROID_HOME%\platform-tools。

设置好后，连续点击“确定”，直到关闭所有的弹出窗口。

安装node.js的目的是为了得到npm工具。

先检查你的电脑上是否已经安装了node.js。在命令行窗口中输入以下命令并回车：

如果输出类似于以下的信息，则表示已经安装了node.js，不需要再次安装，可跳过此步。

否则，点击这里下载最新版本的node.js并安装。

安装完成后，再次按照上面的方式检测，如果仍然没输出类似于上面的信息，则重启电脑后再检测，如果问题依旧，则将node.js的安装路径设置到环境变量的Path中并重启电脑，如果不懂如何设置，请自行Google。

先检查你的电脑上是否已经安装了cordova。在命令行窗口中输入以下命令并回车：

如果输出类似于以下的信息，则表示已经安装了cordova，不需要再次安装，可跳过此步。

否则，执行以下命令安装cordova：

我们当然可以不需要PhoneGap也可以用cordova做开发，但本教程中的示例大部分是使用PhoneGap来演示的，因此需要安装PhoneGap。

点击这里下载最新版本的PhoneGap PC版并将它安装在你的电脑上。

准备一部测试用的手机（Android），在你手机上的应用市场中搜索PhoneGap，并安装它。

如果你的手机应用市场中搜索不到PhoneGap，则可使用腾讯“应用宝”安装一个。（腾讯“应用宝”在QQ PC版的右下角）。