zoukankan      html  css  js  c++  java
  • windows7下安装配置phonegap3.0 (cordavo)开发环境 (涉及android sdk配置)

    之前在mac上安装调试过phonegap,现在公司用的是windows7,所以不得不再进行一次windows下的配置工作,顺便也写下来了

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

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

    开始吧...

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

    1、下载nodeJS,并安装

    Nodejs官方下载地址:

    http://www.nodejs.org/

    一步步安装完即可

    2、下载android sdk

    Android sdk 下载地址:

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

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

    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%	ools

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

    新建

    变量名: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% lib	ools.jar

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

    同样在Path变量中加入:

    ;%JAVA_HOME%in;%JAVA_HOME%jre in

    4、下载ant

    Antapache的一个项目

    官方下载地址: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%in 

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

     

     

    5、接下来是安装eclipse

     

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

     

     

     

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

     

     

    6、下载ADT包供eclipse使用

    官方下载地址

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

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

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

     

     

     

    7、安装phonegap3.x(cordova)

    Phonegapadobe收购后就改名成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模拟器

     

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

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

     

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

     

    如果安装中碰到任何问题,请与我交流心得。谢谢 

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

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

     

     

  • 相关阅读:
    Redis 多项目序列化问题
    Java序列化的相关认知
    《Proxy系列专题》:代理模式(静态、JDK、CGLib)
    好文章地址
    @ServletComponentScan
    Spring 自动配置的原理
    B+Tree
    Sentinel
    ThreadPoolUtil
    UUID
  • 原文地址:https://www.cnblogs.com/willian/p/3543183.html
Copyright © 2011-2022 走看看