PhoneGap搭建运行环境(3.2版本)

转载 2013年12月03日 10:16:37

一、

1.准备环境nodejs(http://nodejs.org/download/)

2.ant(http://ant.apache.org/bindownload.cgi)

二、环境安装

1. nodejs的安装比较简单,直接在官网上下载msi文件进行安装

安装node.js

phonegap3中需要使用命令行环境,早phonegap中叫CLI。而这个在windows中是基于node.js实现的。

安装过程比较简单,只需要去官网下载对应的版本,安装即可。安装完成后,在cmd中输入npm,如果出现一堆数据,那就成功了。

2. ant安装:

将官网上下载下来的文件解压后,配置环境变量

新增环境变量 ANT_HOME :E:\ant\apache-ant-1.9.2-bin\(目录为ant主目录)

并在Path变量里面附加内容 :%ANT_HOME%\bin\

3. 确保你的android sdk的tools目录也在Path环境变量中,如没有,需手动加入;

      windows xp下配置JDK环境变量:
      1.安装JDK,安装过程中可以自定义安装目录等信息,例如我们选择安装目录为D:/java/jdk1.5.0_08;

  2.安装完成后,右击“我的电脑”,点击“属性”;

      3.选择“高级”选项卡,点击“环境变量”;

      4.在“系统变量”中,设置3项属性,JAVA_HOME,PATH,CLASSPATH(大小写无所谓),若已存在则点击“编辑”,不存在则点击“新建”;

      5.JAVA_HOME指明JDK安装路径,就是刚才安装时所选择的路径D:/java/jdk1.5.0_08,此路径下包括lib,bin,jre等文件夹(此变量最好设置,因为以后运行tomcat,eclipse等都需要依*此变量);

Path使得系统可以在任何路径下识别java命令,设为:

%JAVA_HOME%/bin;%JAVA_HOME%/jre/bin

    CLASSPATH为java加载类(class or lib)路径,只有类在classpath中,java命令才能识别,设为:

.;%JAVA_HOME%/lib/dt.jar;%JAVA_HOME%/lib/tools.jar (要加.表示当前路径)

  %JAVA_HOME%就是引用前面指定的JAVA_HOME;


2 安装phonegap

在命令行输入npm install -g cordova,然后等着它执行完成。

在cmd中输入cordova -v 然后会输出一些信息,说明安装成功。

3 配置android SDK路径

将下面的两个android SDK 目录配置到环境变量path中。

sdk/platform-tools 
sdk/tools

4 配置Ant

在Apache上下载Ant,并且将Ant的bin目录配置到环境变量path中。

随便在一个目录输入 ant 然后回车,出现以下的内容说明成功。

Buildfile: build.xml does not exist!
Build failed

5 创建一个项目

在cmd中切换到你想创建项目的目录,执行如下的命令。

cordova create hello com.example.hello "Hello World"
cd hello
cordova platform add android

执行完成后就会在对应的目录中创建一个hello的项目。

6 导入Eclipse

要求你的Eclipse已经安装了ADT。

将这个项目导入的时候选择Android Project from Existing Code导入到Eclipse中,这时候就能按照正常的开发流程进行开发了。


phoneGap之Android环境搭建

PhoneGap说明 PhoneGap,一早就听说有这么一个神奇的应用,它可以把WEB项目打包成各种移动平台的应用程序。这里我就研究一下,把之前开发的WebRTC项目打包成Android平台的apk...
  • yy374864125
  • yy374864125
  • 2014年12月05日 15:21
  • 7357

phonegap安装 环境搭建与配置详解( 完整版 提供下载地址)

phonegap 安装 环境搭建 完整版   刚刚接触 phonegap 因为配环境遇到各种各样问题.花了一下午时间才完成,所以写一个篇文章希望能给大家节约点时间.       本文主讲window...
  • aaawqqq
  • aaawqqq
  • 2014年02月23日 13:34
  • 130240

PhoneGap开发环境搭建及入门

应用程序开发分为不同的层次,从最复杂的NDK ==》JDK ==》中间件 ==》图形界面。NDK开发的主要是C++开发,JDK 开发主要 java 开发,中间件开发主要:PhoneGap、MonoTo...
  • JJMM2009
  • JJMM2009
  • 2015年11月18日 12:12
  • 6331

phonegap混合开发之环境安装

从事Android软件开发一年多,最近项目开发网站移动端,小菜这一年Android开发项目都是集中在原生Android多媒体的开发,对于web开发 很棘手,不知道如何如何快速进入实战阶段。幸好有了ph...
  • lj200680
  • lj200680
  • 2015年12月09日 14:42
  • 544

Mac中PhoneGap的安装与使用测试

首先,在安装phonegap之前需要安装nodejs,地址为http://nodejs.org/安装是dmg的向导式,不用多说 接下来安装phonegap,在终端中使用$ sudo npm ins...
  • gisxy
  • gisxy
  • 2014年02月21日 10:13
  • 2017

Hybrid开发框架搭建(一)PhoneGap简介

本系列博客将介绍采用PhoneGap、Backbone、Seajs、Ratchet和SPM等js库或工具搭建一个Web主体型的Hybrid模式的移动应用开发框架。   Phonegap是一款开源的开发...
  • zhang1314wen2008
  • zhang1314wen2008
  • 2015年01月18日 00:50
  • 1475

phoneGap+iOS环境搭建

写了7年多的原生APP程序,今天老板说android搞一套,IOS搞一套,Web搞一套,成本太高了。面对压力,在此基础上我决定用phoneGap html5。结合自己的实践,搭建了基于phoneGap...
  • manyxh
  • manyxh
  • 2015年09月09日 17:24
  • 3138

PhoneGap 开发环境搭建

PhoneGap是一个跨平台的移动互联开发框架。 本文是基于Windows10与Android客户端的角度,讲解PhoneGap开发环境搭建。 一、环境下载 1、JDK下载 2、带ADT插件的Ecli...
  • yyh352091626
  • yyh352091626
  • 2015年10月13日 12:21
  • 6721

小白学phoneGap《构建跨平台APP:phoneGap移动应用实战》连载五(使用PhoneGap获取设备信息)

除了能够将HTML页面打包成可以直接安装运行的APP外,PhoneGap的一个最大优势在于可以通过JavaScript调用设备来访问设备上的硬件信息,从而实现一些原本只有依靠原生SDK才能够达到的目的...
  • bookzhaopin
  • bookzhaopin
  • 2014年11月10日 11:40
  • 874

搭建PhoneGap开发环境以及新建项目

PhoneGap作为新一代的跨平台开发工具受到越来越多的人的喜爱,是一个使用js,css以及html等语言作为开发语言的。使用使用phoneGap开发出来的项目可以编译打包到不同的运行平台,比如and...
  • u012251421
  • u012251421
  • 2015年10月12日 23:15
  • 458
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:PhoneGap搭建运行环境(3.2版本)
举报原因:
原因补充:

(最多只允许输入30个字)