昨天去某公司面试,公司的产品要实现跨平台,面试完,马上网上找资料,才发现我很久以前已经接触过了,只是那时还在学Android基础(汗)。
安装前准备工作
1.确保java JDK 为1.6以上版本
2.设置系统变量Path (JDK)
3.Android studio 你有(现在版本为2.3)
4.android SDK要用4.4以上版本
开车了
安装node.js
下载地址 点我快点我
![](https://img.haomeiwen.com/i4258924/808e7a4083c02220.png)
node.js傻瓜式安装(next...)
安装phonegap 6.5.0
命令行窗口运行 npm install -g cordova(注意:npm是否加到系统变量Path),这里要等挺久的,还不一定成功,我是从6.3版本升级上来的,哈哈哈,这个先借用网上的图
![](https://img.haomeiwen.com/i4258924/93c9d9b924a0c0bf.png)
鄙人得步骤:cordova -v(查询版本,各位安装完也可以运行下,还会检查下是否有更新,按提示更新就好了)
开始创建项目
1. 创建项目 cordova create helloPhonegap com.exampel.hello "HelloWorld"
![](https://img.haomeiwen.com/i4258924/a95756f3772c1c5f.png)
在此目录下就会多一个文件夹 helloPhonegap
![](https://img.haomeiwen.com/i4258924/a005a29fe846b83d.png)
项目结构
![](https://img.haomeiwen.com/i4258924/6a523a815fe222e6.png)
2.添加android环境 cordova platform add android
![](https://img.haomeiwen.com/i4258924/82dd2d277f03ecee.png)
在helloPhonegap子目录platforms会增加一个android文件夹(其实就是android项目)
![](https://img.haomeiwen.com/i4258924/8391f4147d1ed736.png)
3.编译项目 cordova build
这里有个小坑,我第一次build是失败的,第二次就好了,不知道为什么(一脸懵逼)
![](https://img.haomeiwen.com/i4258924/65bb63fb50f1f2d5.png)
![](https://img.haomeiwen.com/i4258924/ee5931be8e9ca490.png)
将项目导入android studio
1. File -> New -> Import Project
![](https://img.haomeiwen.com/i4258924/e62c156371de9926.png)
选择 helloPhonegap/platforms/android 文件夹导入
![](https://img.haomeiwen.com/i4258924/ce1fbad5372ec712.png)
![](https://img.haomeiwen.com/i4258924/77296c16e39bf558.png)
运行结果
![](https://img.haomeiwen.com/i4258924/af801298e12cf4db.png)
修改启动界面
helloPhonegap/www 新建helloIndex.html
![](https://img.haomeiwen.com/i4258924/b1f835608873369f.png)
修改android 项目下 res/xml/config.xml
![](https://img.haomeiwen.com/i4258924/82b3d6a3d1d1f3a1.png)
运行是直接报错,原因是没有重新编译项目,用命令行 cordova build重新编译是没用的
![](https://img.haomeiwen.com/i4258924/cb3723454e796979.png)
解决方式: Build -> Make Project
![](https://img.haomeiwen.com/i4258924/6b93efe4492cd5a5.png)
重新运行后的结果
![](https://img.haomeiwen.com/i4258924/0c4a9d3311916f21.png)
网友评论
Unable to resolve dependency for ':@debug/compileClasspath': Could not resolve project :CordovaLib.
Could not resolve project :CordovaLib.
Required by:
project :
> Project : declares a dependency from configuration 'debugCompile' to configuration 'debug' which is not declared in the descriptor for project :CordovaLib.
遇到没?