码迷,mamicode.com
首页 > 移动开发 > 详细

phoneGap开发环境搭建(android)

时间:2014-07-18 19:16:03      阅读:268      评论:0      收藏:0      [点我收藏+]

标签:android   style   blog   http   java   color   

1.  首先安装nodejs  (http://nodejs.org/)

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

假设出现下图:

bubuko.com,布布扣


则表示成功安装

 

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

 

 

 

终于效果图:

 

 bubuko.com,布布扣

 

最后两个步骤懒得写了,请同意我的懒惰。

 

 

phoneGap开发环境搭建(android),布布扣,bubuko.com

phoneGap开发环境搭建(android)

标签:android   style   blog   http   java   color   

原文地址:http://www.cnblogs.com/hrhguanli/p/3850769.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!