phoneGap环境搭建教程

搭建phoneGap环境遇到各种问题，一直拖到现在也没有搭建好，写Blog记录，也是一个鞭策。

切入正文：

1. 搭建好安卓开发环境，这里不是重点，想看的直接点击 点击打开链接

2. 安装Node.js  地址 点击打开链接

安装成功后在cmd下面运行 npm -version

3. 接下来安装phoneGap

在控制台运行命令：

 npm install -g phonegap                                     ( Mac使用: sudo npm install -g phonegap )

//等待安装   完成后安装 cordova:

 npm install -g cordova                                       ( Mac使用: sudo npm install -g cordova )

然后等待安装就行了

最后结束后验证一下是否安装正确

phonegap -version

cordova -version

如果出现版本信息 则说明成功

运行一下命令

 phonegap create my-app
 cd my-app
 phonegap run android

第一个 phonegap写的程序就出现了

在my-app 目录下出现5个文件夹     打包好的工程放在platforms里面

文件夹详解:

 

www              : 文件夹  开发的 HTML5 ; CSS ; JS 文件都拷贝到这下面

plugins          : 文件夹  存放的是phonegap插件  以后 文件,摄像头等插件都下载到这里,在下篇文章中介绍用法 

merges          : 我也没用过  以后知道了再补上

platforms      : 文件夹 存放的是编译好后的android文件   ,(如果这个文件夹为空,需要你在命令行编译一次才能生成. 如上面 phonegap run android)

.cordova        : 存放的是配置文件 

将此文件夹导入 eclipse 就可以使用

phonegap 将以第三方库的形式导入

如果src文件报错 检查是否是   phonegap的功能没有导入进来