xp系统安装配置phonegap3.0 (cordavo)开发环境的详细技巧

　　

今天和大家分享一下关于对xp系统安装配置phonegap3.0 (cordavo)开发环境设置的方法，在使用xp系统的过程中经常不知道如何去对xp系统安装配置phonegap3.0 (cordavo)开发环境进行设置，有什么好的办法去设置xp系统安装配置phonegap3.0 (cordavo)开发环境呢？在这里小编教你只需要　　1、下载nodeJs,并安装 　2、下载android sdk就搞定了。下面小编就给小伙伴们分享一下对xp系统安装配置phonegap3.0 (cordavo)开发环境进行设置的详细步骤：

　　主要麻烦的地方是要在xp下添加好几个环境变量，这一块地方特别要小心添加，步骤挺多的，给你打镇强心剂，看最终成功运行效果先，我还测试集成了某个广告联盟的sdK，如图：

　　开始吧...

　　注意：我下面如果给出的官方下载地址，请您自行去下载，因为我的xp是64位的，可能与你的有点不同。你得下载正确的安装包

　　1、下载nodeJs,并安装

　　一步步安装完即可

　　2、下载android sdk

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

　　E:frameworksadt-bundle-windows-x86_64-20131030

　　看起来应该是这样的：

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

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

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

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

　　新建

　　变量名：Android_Home

　　变量值：E:frameworksadt-bundle-windows-x86_64-20131030sdk

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

　　再在系统变量中找到path变量，没有的话你自己建一个

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

　　;%Android_Home%tools

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

　　新建

　　变量名：Android_adb

　　变量值：E:frameworksadt-bundle-windows-x86_64-20131030sdkplatform-tools

　　同样在path变量中加入：

　　;%Android_adb%

　　3、下载JAVA jdk

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

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

　　新建

　　变量名：JAVA_HoME

　　变量值：

　　d:program FilesJavajdk1.6.0_39

　　我电脑上JdK的路径，你电脑上得换成你自己存放JdK的文件夹路径

　　新建

　　变量名：CLAsspATH

　　变量值：

　　.;%JAVA_HoME%lib;%JAVA_HoME% libtools.jar

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

　　同样在path变量中加入：

　　;%JAVA_HoME%bin;%JAVA_HoME%jre bin

　　4、下载ant

　　Ant是apache的一个项目

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

　　添加ant至全局环境变量中

　　新建

　　变量名：AnT_HoME

　　变量值：d:apache-ant-1.9.3

　　path变量中添加：

　　;%AnT_HoME%bin

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

　　5、接下来是安装eclipse

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

　　在你刚才下载android sdK时，文件夹中应该有一个eclipse了，如果没有的话，就自己去官方下载一个吧

　　6、下载AdT包供eclipse使用

　　下载完成后，打开eclipse选择help->install new software

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

　　7、安装phonegap3.x(cordova)

　　phonegap被Adobe收购后就改名成cordova了，所以下面就以cordova来称呼

　　在cmd命令行工具中输入

　　npm install -g cordova

　　nodejs自会动会帮你安装好cordova

　　8、建立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项目了

　　9、用eclipse打开android项目

　　打开eclipse

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

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

　　打开import project面板,点击Browse...按钮，找到刚才建立的helloplatforms文件夹下的android文件

　　点击finish后导入项目即可，

　　如图：

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

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