您的位置:首页 > 移动开发 > Android开发

phoneGap开发环境搭建(android)

2014-05-08 17:38 435 查看
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

最终效果图:



最后两个步骤懒得写了,请允许我的懒惰。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: