首页 > 代码库 > Apache?Cordova开发环境搭建(window8)
Apache?Cordova开发环境搭建(window8)
前言:
现在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
Apache?Cordova开发环境搭建(window8)