您的位置:首页 > 运维架构 > Apache

Apache Cordova开发环境搭建(window8)

2014-11-01 00:00 323 查看
摘要: window8(64位)系统下,Apache Cordova开发环境搭建(以Android平台为例)

前言:

现在PhoneGap的代码已经贡献给了Apache软件基金会(ASF),并且改名为 Apache Cordova。这个名字来源于温哥华的科尔多瓦街(Cordova Street),它是创建PhoneGap时Nitobi公司的所在地。

具体步骤:

官方安装教程地址:

http://docs.phonegap.com/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interface

一、安装Cordova CLI

1、下载并安装Node.js

文件名:node-v0.10.32-x86.msi
下载地址:http://nodejs.org/

2、下载并安装git

文件名:Git-1.9.4-preview20140929.exe
下载地址:http://git-scm.com/

3、打开命令工具(按键win+r,输入cmd回车),执行npm install -g cordova

二、创建App

在命令窗口打开项目根目录(执行cd 目录名),

执行cordova create 子项目名 com.example.* 应用名

(例如 cordova create hello com.example.hello hellWorld)

三、添加平台

1、在命令窗口打开项目目录(例如 cd hello)

2、执行cordova platforms ls,检查你的电脑支持的平台

3、配置Android开发平台

(1)下载安装最新JDK

下载地址:
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
文件名:jdk-8u25-windows-x64.exe

(2)JAVA环境变量配置

(2.1)打开我的电脑--属性--高级--环境变量 :
(2.2)新建系统变量JAVA_HOME 和CLASSPATH
变量名:JAVA_HOME
变量值:C:\Program Files\Java\jdk1.7.0;(举例)
变量名:CLASSPATH
变量值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
(2.3)选择“系统变量”中变量名为“Path”的环境变量,双击该变量, 把JDK安装路径中bin目录的绝对路径,添加到Path变量的值中, 并使用半角的分号和已有的路径进行分隔。
变量名:Path
变量值:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
(2.4)在DOS命令行窗口输入“JAVAC”,输出帮助信息即为配置正确。如 图:

(3)下载安装AndroidSDK
下载地址:http://developer.android.com/sdk/index.html
文件名:adt-bundle-windows-x86_64-20140702.zip

(4)ANDROID环境变量配置
(4.1)打开我的电脑--属性--高级--环境变量 :
(4.2)新建一个环境变量,变量名:ANDROID_HOME
变量值:C:\Program Files\adt-bundle-windows-x86_64-20140321\sdk;
(举例)
(4.3)在变量PATH后面加上变量值%ANDROID_HOME%\tools;
(4.4)点击运行——输入cmd——回车——输入android -h——回车,如下 图所示,即表示配置成功!!

(5)下载Apache Ant
下载地址:http://ant.apache.org/bindownload.cgi
文件名:apache-ant-1.9.4-bin.zip

(6)ANT配置环境变量
(6.1)新建一个环境变量,变量名:ANT_HOME,
变量值:D:\Program Files(x86)\apache-ant-1.9.4;(举例)
(6.2)添加Path,%ANT_HOME%\bin;

4、在命令窗口打开项目目录(例如 cd hello),执行cordova platform add android

四、构建应用

在命令窗口执行cordova build

五、测试应用

在命令窗口执行cordova run
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息