昨天去某公司面试,公司的产品要实现跨平台,面试完,马上网上找资料,才发现我很久以前已经接触过了,只是那时还在学Android基础(汗)。
安装前准备工作
1.确保java JDK 为1.6以上版本
2.设置系统变量Path (JDK)
3.Android studio 你有(现在版本为2.3)
4.android SDK要用4.4以上版本
开车了
安装node.js
下载地址 点我快点我
任君选择下载node.js傻瓜式安装(next...)
安装phonegap 6.5.0
命令行窗口运行 npm install -g cordova(注意:npm是否加到系统变量Path),这里要等挺久的,还不一定成功,我是从6.3版本升级上来的,哈哈哈,这个先借用网上的图
很久很久以前的图鄙人得步骤:cordova -v(查询版本,各位安装完也可以运行下,还会检查下是否有更新,按提示更新就好了)
开始创建项目
1. 创建项目 cordova create helloPhonegap com.exampel.hello "HelloWorld"
创建项目命令在此目录下就会多一个文件夹 helloPhonegap
项目结构
项目结构2.添加android环境 cordova platform add android
在helloPhonegap子目录platforms会增加一个android文件夹(其实就是android项目)
3.编译项目 cordova build
这里有个小坑,我第一次build是失败的,第二次就好了,不知道为什么(一脸懵逼)
build 1 build 2将项目导入android studio
1. File -> New -> Import Project
选择 helloPhonegap/platforms/android 文件夹导入
运行结果
修改启动界面
helloPhonegap/www 新建helloIndex.html
helloIndex.html修改android 项目下 res/xml/config.xml
运行是直接报错,原因是没有重新编译项目,用命令行 cordova build重新编译是没用的
解决方式: Build -> Make Project
重新运行后的结果
网友评论
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.
遇到没?