PhoneGap3.4安装教程

phonegap3.4安装视频教程地址：

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



PhoneGap3.4安装教程  适用于phonegap3.0以上版本


安装前准备工作


1、下载java sdk 1.6以上版本

2、下载Android Development Tools
　　已经包括了Android sdk、esclipe，解压即可使用。　

　　https://developer.android.com/sdk/index.html

3、设置系统变量
　系统变量 Path后面添加：

1.一定要注意的是比 在2.9的安装中多了ant的安装，还有就是下面列出来的四个路径不能是中文,不然ant编译会错误

2. sdk一定要安装最新的android4.4 以上版本

1.     D:\Program Files\ADT\sdk\tools;
   

2.     D:\Program Files\ADT\sdk\platform-tools;
   

3.     D:\Program Files\ADT\sdk\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin
   

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

5. 
   

6. 
   

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

8. 
   

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

10.  

复制代码

配置完成后检测是否安装成功
1.输入  java  如下图表示成功

2.jpg (71.53 KB, 下载次数: 0)

下载附件

2014-3-13 09:46 上传

2.输入  javac  如下图表示成功

3.jpg (66.04 KB, 下载次数: 0)

下载附件

2014-3-13 09:46 上传

3.输入  ant  如下图表示成功

4.jpg (8.96 KB, 下载次数: 0)

下载附件

2014-3-13 09:46 上传

4、下载并安装NodeJS
　　NodeJS

5、进入cmd，执行以下命令安装
　　npm install -g cordova

6、新建phonegap 项目　　

1. 
   

2. cordova create hello com.example.hello "HelloWorld"
   

3. cd hello
   

4. cordova platform add android
   

5. cordova build

复制代码

7、使用ADT工具打开并编辑该项目
　　File>New>Project>Android>Android Project from Existing Code
　　选择则刚才建立项目所在路径，即可使用ADT打开进行编辑。

6.jpg (48.64 KB, 下载次数: 0)

下载附件

2014-3-13 09:41 上传

7.jpg (62.05 KB, 下载次数: 0)

下载附件

2014-3-13 09:41 上传

8.jpg (25.61 KB, 下载次数: 1)

下载附件

2014-3-13 09:41 上传

8、项目的结构

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

      主目录下面的www目录为  assets/www 目录的引用  直接编辑也是可以的



官方文档：

http://docs.phonegap.com/en/3.4. ... %20Platform%20Guide