新版cordova安装教程【新手必看】

admin · 发表于 2016-3-15 10:27:18

为使用最新版本phonegap/cordova ，决定使用官方提供的方法安装一次。

官方提供方法有些地方没有提到，因此这里记录完整的安装过程：

0、下载java sdk 1.6以上版本    建议下载最新的版本  比如1.8以上

1、下载Android Development Tools

　　已经包括了Android sdk、esclipe，解压即可使用。　下载里面更新完成sdk的版本

　　http://bbs.phonegap100.com/thread-1456-1-1.html

2、设置系统变量

　系统变量 Path后面添加：

D:\Program Files\ADT\sdk\tools;
D:\Program Files\ADT\sdk\platform-tools;
D:\Program Files\ADT\sdk\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin
C:\Program Files (x86)\Java\jdk1.6.0_10\bin; C:\Program Files (x86)\Java\jdk1.6.0_10\jre\bin;

　新增 JAVA_HOME，设置值为java sdk 根目录：

　　C:\Program Files (x86)\Java\jdk1.6.0_10\

   环境变量里面增加  ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin             注意环境变量之间的;

   此步揍相当于上面的最后两个环境变量，不要重复添加，运行java javac出来结果表示成功

3、下载并安装NodeJS

　　NodeJS

2、进入cmd，执行以下命令安装

　　npm install  -g cordova

3、新建phonegap/cordova 项目

   cordova create myApp

　　cd myApp

　　cordova platform add android

4、使用ADT工具打开并编辑该项目

　　File>New>Project>Android>Android Project from Existing Code

　　选择则刚才建立项目所在路径，即可使用ADT打开进行编辑。

   打开的时候如果出现两个选项全选，如果出现很多，那么debug和build相关字眼的不选，最后也是剩余两个，然后点击完成

5、项目的结构

　　主要编辑 assets/www 目录下的 html css js 文件。

　　具体目录结构说明可参考：http://blog.csdn.net/crazy123456789/article/details/7518396

新版cordova安装视频教程地址：

http://bbs.phonegap100.com/thread-668-1-1.html