首页 > 代码库 > Apache?Cordova开发环境搭建(window8)

Apache?Cordova开发环境搭建(window8)

前言:

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

具体步骤:

官方安装教程地址:

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

 


Apache?Cordova开发环境搭建(window8)