1.安装NodeJs,下载地址https://nodejs.org/download/

2.运行->cmd->输入 C:\> npm install -g phonegap 安装PhoneGap,如图:

wKioL1Vjx5jBsbZGAALXP0juBYw485.jpg

完成

wKiom1Vjx92RRGxJAAMXfNnwxEU071.jpg

3.完成后安装 cordova:输入npm install -g cordova

wKioL1VmcIWCjzfPAALblimxMPo306.jpg

4.安装完成后检查语句

phonegap -version

cordova -version

wKioL1VmcP7yJ9MWAABJQ6cc6EU182.jpg

5.创建测试项目test

wKioL1Vmcl_wTUtLAACKclEchQs372.jpg

编译项目

wKioL1VmdK2Rqy06AACnnvd0o30136.jpg

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

wKioL1VmcpmiC5reAABgl851iqw052.jpg


文件夹详解:

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

plugins    : 文件夹  存放的是phonegap插件  以后 文件,摄像头等插件都下载到这里 

merges     : 暂时没用过 ^.^

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


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

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

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


7.运行测试,确认存在可用的android virtual devices,如果不存在点击new添加,如图:

wKioL1VmhKHhv5VMAAIMxstWK6c402.jpg

run导航->run configurations->target选择新建的android virtual devices->run

注:此处avd列表为空时,是因为,没有可用的android virtual devices,点击manager或者执行上步操作添加完成后再选择。

wKioL1VmhRCg_zt5AANgjrLdVUE818.jpgrunning...

wKiom1VmhDLzSMcZAAE6C6Bd7Pk510.jpg

success ^.^...