当前位置:主页 > win7教程 >

老司机为你解决win7系统安装配置phonegap3.0 (cordavo)开发环境的手段

发布日期:2021-03-02 05:33:30 作者:win7 来源:本章整理

根据小伙伴们的反馈以及小编自己的观察,发现win7系统安装配置phonegap3.0 (cordavo)开发环境的问题是很多朋友的困扰,因此我就在电脑上汇集整顿出win7系统安装配置phonegap3.0 (cordavo)开发环境的少许解决办法,近日就有大部分用户到本站留言关于win7系统安装配置phonegap3.0 (cordavo)开发环境的问题应该怎么处理。其实步骤很简单,只需要  1、下载nodeJS,并安装  2、下载android sdk的顺序依次操作就可以了,小伙伴们一起来看看win7系统安装配置phonegap3.0 (cordavo)开发环境的具体操作流程吧!

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

windows7安装配置phonegap3.0 (cordavo)开发环境教程 三联

  开始吧...

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

关于win7系统安装配置phonegap3.0 (cordavo)开发环境的操作方法就给大家介绍到这边了,小伙伴们都学会了吗?希望这个小小的经验能够帮助大家不再烦恼!

Tags:


win7相关教程

热门教程
图文阐述win7系统建立无线局域网的处理技巧 大神应对win7系统设置Word2007打开时的默认输入法的处理教程 主编操作win7系统电脑鼠标总是不动的详细方法 大师处置win7系统插入u盘导致电脑崩溃死机的修复方案 技术编辑为您win7系统禁用磁盘保护功能的操作方法 技术员解答win7系统电脑打印机无法共享提示0x000006d9的详细步骤【图文】 大师帮您win7系统无法打开任务管理器的教程介绍 大师为你演示win7系统点击右键打开不见了的图文教程 技术编辑为你解说win7系统恢复任务栏中显示桌面图标的修复方案 大神还原win10系统删除word中所有回车键的设置方法 小编调解win7系统安装消息队列的解决方法 破解win7系统电脑画图工具使用的修复技巧 老司机处置win7系统嘟嘟立体混音的还原方案 win7系统注册OCX文件提示错误0x80040200的解决方法 微软称win8系统打开打印机服务的图文方案 大番茄操作win8系统设备管理器显示“已取消网页导航”的方式 雨木风林研习如何使用传真机【操作技巧】