phoneGap开发环境搭建(android)

1．  首先安装nodejs  （http://nodejs.org/）

2．  然后在命令行输入 npm 回车

如果出现下图：

则表示安装成功

 

3. 安装

 

npm install -g cordova

4．  安装JDK

 

这里最麻烦的就是环境变量的配置了

 

配置环境变量：右击“我的电脑”-->"高级"-->"环境变量"

1）在系统变量里新建JAVA_HOME变量，变量值为：C:\Program Files\Java\jdk1.6.0_14（根据自己的安装路径填写）

2）新建classpath变量，变量值为：.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

3）在path变量（已存在不用新建）添加变量值：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin（注意变量值之间用“;”隔开）

4、“开始”-->“运行”-->输入“javac”-->"Enter"，如果能正常打印用法说明配置成功！

补充环境变量的解析:

JAVA_HOME:jdk的安装路径

classpath:java加载类路径，只有类在classpath中java命令才能识别，在路径前加了个"."表示当前路径。

path：系统在任何路径下都可以识别java,javac命令。

 

5.安装ant

 

  还是环境变量的配置

操作如上

在系统变量中添加ANT_HOME

值为你ant解压后的路径

例如我的为 E:\phoneGap\apache-ant-1.9.4

 

在path 中添加 %ANT_HOME%\bin\ant.bat

 

在命令行输入 ant –version 测试，ok的话会会打印如下字样：

 

ApacheAnt(TM) version 1.9.4 compiled on April 29 2014

 

6．然后我们就可以创建一个项目了，

 

在命令行进入某一个目录A，然后输入

 

cordova create hello com.example.hello HelloWorld

这个目录就会创建在目录A下。

 

 

这时你的A目录下就多了一个hello的文件夹。

 

7. 添加 Android 平台

 

在命令行输入：

 

cordova platform add android

 

8．  如果你想生成Android项目，则需要下载AndroidSDK ，去官网下载捆绑Eclipse的那个sdk ,大约500M，解压后就可以直接用Eclipse开发原生态Android App，不用配置，非常方便（adt-bundle-windows-x86-20140321）

 

打开eclipse，在工具栏有两个这样的图标，点击第二个，去创建一个Android模拟器

 

9．  然后再去配置他的环境变量（哈哈，别打退堂鼓，只要这个配置成功了，就离成功不远了，干吧得！）

 

 

配置系统变量的目的就是可以再命令行直接编译你的程序，然后发布到这个模拟器上，不需要通过Eclipse，非常方便。

 

还是如上操作，在系统变量中添加

把android sdk中的platform-tools 和 tools 这两个路径添加到系统变量的path中去

 

给出我的作为参考：

 

E:\phoneGap\adt-bundle-windows-x86-20140321\sdk\platform-tools

 

E:\phoneGap\adt-bundle-windows-x86-20140321\sdk\tools

 

 

 

10. 接下来需要你去建一个Android 的模拟器（参照8,9）

 

11．模拟器建好以后，你就可以再模拟器上运行你的app了（命令行必须切换到你的A目录hello项目中）

 

命令行键入：

cordova run android

 

10,11 两个步骤请参照

http://docs.phonegap.com/en/edge/guide_platforms_android_index.md.html#Android%20Platform%20Guide

 

 

 

最终效果图：

 

 

 

最后两个步骤懒得写了，请允许我的懒惰。