windows7下安装配置phonegap3.0 (cordavo)开发环境 (涉及android sdk配置)

以前在mac上安装调试过phonegap，如今公司用的是windows7，因此不得再也不进行一次windows下的配置工做，顺便也写下来了

主要麻烦的地方是要在win7下添加好几个环境变量，这一块地方特别要当心添加

步骤挺多的，给你打镇强心剂，看最终成功运行效果先，我还测试集成了某个广告联盟的SDK，如图：

 

开始吧...

注意：我下面若是给出的官方下载地址，请您自行去下载，由于个人win7是64位的，可能与你的有点不一样。你得下载正确的安装包

 

一、下载nodeJS,并安装

Nodejs官方下载地址：

http://www.nodejs.org/

一步步安装完便可

二、下载android sdk

Android sdk 下载地址:

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

下载完成后解压放置到某个文件夹内，好比我放置的文件夹是：

E:\frameworks\adt-bundle-windows-x86_64-20131030

看起来应该是这样的：

 

此时你拥有的只是个android sdk管理器，真实的android sdk还须要进一步下载

双击 SDK Manager.exe会打开sdk管理器，下载你须要的android SDK包便可，如图：

将android sdk添加至计算机全局环境变量中

在计算机上鼠标右击选择属性打开->系统面板->高级系统设置->环境变量->系统变量下点击新建按钮，应该是这样子的

新建

变量名：Android_Home

变量值：E:\frameworks\adt-bundle-windows-x86_64-20131030\sdk

变量值就是你刚刚放置android sdk文件夹路径

 

再在系统变量中找到Path变量，没有的话你本身建一个

双击这个变量在变量值中加入：

;%Android_Home%\tools

别忘了前面有个”;”分号....

新建

变量名：Android_adb

变量值：E:\frameworks\adt-bundle-windows-x86_64-20131030\sdk\platform-tools

一样在Path变量中加入：

 

;%Android_adb%\

 

三、下载JAVA jdk

建议下载jdk1.6版本安装,过高了eclipse有可能会运行不了啊亲..

下载地址请自行寻找

一样要将java加入全局环境变量中

新建

变量名：JAVA_HOME

变量值：

D:\Program Files\Java\jdk1.6.0_39

 

我电脑上JDK的路径，你电脑上得换成你本身存放JDK的文件夹路径

新建

变量名：CLASSPATH

变量值：

.;%JAVA_HOME%\lib;%JAVA_HOME% \lib\tools.jar

别忘了最前面那个"."号哦

一样在Path变量中加入：

;%JAVA_HOME%\bin;%JAVA_HOME%\jre \bin

四、下载ant

Ant是apache的一个项目

官方下载地址：http://mirrors.hust.edu.cn/apache//ant/binaries/apache-ant-1.9.3-bin.zip

别问啥为何要安装这个，反正不装的话在phonegap添加android平台时会报错

添加ant至全局环境变量中

新建

变量名：ANT_HOME

变量值：D:\apache-ant-1.9.3

Path变量中添加：

;%ANT_HOME%\bin 

好了，该添加的系统变量基本搞定了，大工程，巨麻烦，别弄错了。想检查哪一个项目在系统变量中有没有添加成功，只要在cmd命令行工具中输入那个项目的名称回车，看有没有反应便可，好比输入node -v若是会显示版本号，即说明安装成功了

 

 

五、接下来是安装eclipse

 

其实eclipse 不安装也是能够的，可是强烈建议安装，全用命令行来处理，太麻烦是不？

 

 

 

在你刚才下载android SDK时，文件夹中应该有一个eclipse了，若是没有的话，就本身去官方下载一个吧

 

 

六、下载ADT包供eclipse使用

官方下载地址

https://dl.google.com/android/ADT-22.3.0.zip

下载完成后，打开eclipse选择help->Install New Software

打开Install面板，点击add...按钮，再点击archive...按钮找到你刚才下载的zip包，肯定再安装完重启eclipse便可

 

 

 

七、安装phonegap3.x(cordova)

Phonegap被adobe收购后就更名成cordova了，因此下面就以cordova来称呼

在cmd命令行工具中输入

npm install -g cordova

Nodejs自会动会帮你安装好cordova

 

八、创建cordova项目

 

打开cmd命令行工具，定位到你须要创建项目的目录后输入

cordova create hello com.example.hello "helloworld"

 

意思是建议一个hello文件夹，并在文件夹内建议叫”helloworld”的cordova项目

 

com.example.hello能够说是你项目的id吧，暂时不用管

进入hello文件夹

 

cd hello

 

添加android平台项目

 

cordova platform add android

好了hello文件夹下的platforms文件夹下已经有android项目了

 

九、用eclipse打开android项目

打开eclipse

选择file菜单下的import 打开导入面板

选择android->Existing android code into workspace 再点击next

打开Import Project面板,点击Browse...按钮，找到刚才创建的hello\platforms文件夹下的android文件

点击finish后导入项目便可，

如图：

 

在左侧的包视图(Package Explorer)中选择Helloworld再点击run菜单下的run

会让你选择以什么样的方式运行，选择andorid application便可，而后会让你选择在哪里运行设备或android模拟器

 

关于如何新建android模拟器，请参考个人另外一片mac下配置phonegap的博文，模拟器这一块的配置几乎是同样的

Mac 10.9x下安装配置phonegap3.0开发环境

 

传送门：http://www.cnblogs.com/willian/p/3516613.html

 

若是安装中碰到任何问题，请与我交流心得。谢谢 

 

========================================================

转载处请注明：博客园(王二狗)willian12345@126.com