- 作者:佚名
- 时间:2019-05-17
朋友们在使用win7系统电脑时,偶尔就会碰到对win7系统安装配置phonegap3.0 (cordavo)开发环境进行设置的情况。如果在平时的使用过程中遇到对win7系统安装配置phonegap3.0 (cordavo)开发环境进行设置情况的话,相信许多朋友都不知道应该怎样去设置,那其实想要设置win7系统安装配置phonegap3.0 (cordavo)开发环境是非常简单的,我们只需要 1、下载nodeJS,并安装 2、下载android sdk即可轻松处理。那如果大家还想要了解详细操作步骤的话,可以跟着下面的教程进行操作,一起处理win7系统安装配置phonegap3.0 (cordavo)开发环境的问题。
主要麻烦的地方是要在win7下添加好几个环境变量,这一块地方特别要小心添加,步骤挺多的,给你打镇强心剂,看最终成功运行效果先,我还测试集成了某个广告联盟的SDK,如图:

开始吧...
注意:我下面如果给出的官方下载地址,请您自行去下载,因为我的win7是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模拟器