phonegap开发环境搭建摘要

血红的双手。 提交于 2019-11-30 08:57:14

phonegap发展的很快,没有node.js之前还是比较麻烦的,自从有了node.js,初始环境的搭建简单了很多。

phonegap官网的install说明太简单了,很多前期工作没有说明,到处屎坑,导致很多想尝试的人无法顺利走通,也就失去兴趣了。start写的也很粗糙

环境:windows7 64位,请先安装必备的jdk,node.js,并将JAVA_HOME, NODEJS_HOME加入环境变量,使得在 cmd终端里能执行java 和 npm命令, 还有ANT_HOME

目标一:能将最简单的app部署到一个Android的AVD上。

1、Android-sdk

首先下载Android-sdkhttp://developer.android.com/sdk/index.html#download  以前好像可以单独下载,现在跟 基于Eclipse的android开发工具ADT绑到一起下载了,这个会比较大,慢慢下吧

下完adt解压,运行SDK Manager.exe来下载你需要的Android版本,这个会耗费很长时间,看你的网速了

打开ADV Manager.exe新建个模拟器试试吧

关键步骤1,要想phonegap顺利运行,需要将adk的

platform-tools和tools路径加入window的环境变量中

;D:\devtools\android-sdk\platform-tools;D:\devtools\android-sdk\tools;

关键步骤2,下载并配置Apache ant 构建工具环境

解压到某个盘的目录,然后将这个ANT_HOME目录路径加入

环境变量中,这是在 doc http://docs.phonegap.com/en/3.4.0/guide_platforms_android_index.md.html#Android%20Platform%20Guide  提及的

可能因为有很多build工作是通过ant来完成的吧

2、Phonegap安装

打开一个命令行终端,win7下可以使用windows powershell哦(路径C:\Windows\syswow64\Windowspowershell\v1.0)

确保之前的node。js安装成功,且 npm命令能执行,那么安装phonegap就很容易了

运行一下npm命令,-g参数是global的意思,就是以后其他目录也能使用 phonegap或者cordova的命令了。这两个会耗时比较久,等吧..............

npm install -g phonegap
感觉phonegap是对cordova命令的封装,所以也可以直接装这个开源Apache项目cordova
npm install -g cordova

3、Hello World

打开cmd终端,进入到你想新建phonegap Android项目的目录。

新建phonegap项目,如图:

也可以用cordova命令,具体请参考http://docs.phonegap.com/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interface

接着start一个 AVD。

然后在命令行执行 

phonegap run android


这个命令会将这个Helloworld编译打包,并安装到 avd中

等待一段时间去AVD中查看安装的helloworld应用吧

打开 ADT Eclipse 将新建的工程导入,就可以自行开发牛逼的app了

^_^

后记:phonegap最新版3.4.0的会从 https://git-wip-us.apache.org/repos/asf?p=cordova-android.git下载3.40版本的tgz包,我这边是死活也下不下来,所以建议 npm install -g phonegap@3.3版本的


易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!