一、环境准备
1、到这里安装Node.js。
2、到这里下载Adroid ADT Bundle for Windows,下载后解压,我的放在:F:\MobileDev\adt-bundle-windows-x86-20131030。打开eclipse,安装最新的Android API,
及Tools,下图我能安装的都安装过了。
3、配置环境变量Path和JAVA_HOME,我已经配置好了:
在Path最后加入如下路径:
F:\MobileDev\adt-bundle-windows-x86-20131030\sdk\platform-tools;F:\MobileDev\adt-bundle-windows-x86-20131030\sdk\tools;F:\MobileDev\adt-bundle-windows-x86-20131030\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin;%JAVA_HOME%\bin
4、打开cmd命令行工具,输入npm install -g phonegap,等一段时间(n分钟左右),成功后输入npm install -g cordova,等一段时间(n分钟左右)
如果不报错,说明成功了。——嗯,貌似废话。
5、测试成功与否:在cmd里依次输入如下命令:
java,javac,phonegap -version,cordova -version。
二、构造项目
1、在E盘建一个phonegap文件夹(名称随便取,最好不要带空格和中文),在命令行cd到该文件夹。输入:
phonegap create myapptest
等一段时间,成功。
cd myapptest
phonegap build android
等一段时间,成功。
如果经历了以上种种,发现项目的创建或者构造失败了,不是人品问题,就是人品问题。
到phonegap/myapptest目录下看看,是这个样子:
2、打开eclipse,File/New/Project,选择Android Project From Existing Code:
copy projects into workspace 千万别勾上,我死于此n次。
有两个项目,一个HelloWorld一个HelloWorld-CordovaLib,后者是类库项目,前者依赖于后者。项目的编码是GBK,最好都改成UTF-8。前者会出现一个叹号错误标志,解决办法是:Project/Build All,这时又出一个引用错误,HelloWorld项目中的HelloWorld.java,看到的是这样:
把鼠标移到引起错误的类CordovaActivity上,选择Fix Project Setup,选择OK。又会出现一个红色感叹号,不用管他,直接将HelloWorld作为Android项目运行。
人品如果不是问题,到这里,肯定已经跑起来了。
用Phonegap命令创建出来的项目,总是一律叫HelloWorld,我们可以用如下命令,创建出自己指定的名称的项目:
cordova create MyAppDirectory com.example.hello "MyAppName"
cd MyAppDirectory
cordova platform add android
cordova build
导入项目的方法同上,如果也出现问题,就用上面提到的方法解决即可。
至于Phonegap和cordova到底是什么关系,有什么不同,我也在查阅。查阅后立即补充上来。