Apache Cordova开发环境搭建(window8)

前言:

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

具体步骤:

官方安装教程地址:

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

 

1、安装Cordova CLI

一、下载并安装Node.jsnode

文件名:node-v0.10.32-x86.msiandroid

下载地址:http://nodejs.org/git

 

二、下载并安装gitapache

文件名:Git-1.9.4-preview20140929.exenpm

下载地址:http://git-scm.com/windows

 

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

 

2、建立App

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

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

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

 

3、添加平台

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;

 

 

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

 

4、构建应用

在命令窗口执行cordova build

 

5、测试应用

在命令窗口执行cordova run

相关文章
相关标签/搜索