标签：phonegap cordova android eclipse helloworld
PhoneGap的官方文档说的很清楚。Cordova是PhoneGap的引擎，这两者的关系类似于WebKit与Chrome浏览器的关系。所以一些核心的基础操作对于Cordova与PhoneGap是相通的。有时候使用PhoneGap创建工程的会出现一些莫名的问题，推荐使用Cordova创建。
查看当前平台的Cordova版本：
cordova -version
创建项目：
cordova create my_project "org.yhd.helloworld" "HelloWorld"
进入项目：
cd my_project
添加Android平台支持：
cordova platform add android
生成项目：
cordova build
后面会打印出一堆信息，最后提示：
Ok！成功了。然后就可以使用模拟器运行：
cordova emulate android
注意这时候使用的是默认模拟器，如果你想指定模拟器来运行项目，则需要首先找到emulate.exe，然后启动制定的模拟器：
emulator.exe -avd "moniqi"
这里注意一定要等模拟器启动完毕后，再运行项目：
cordova emulate android
成功后有提示：
在模拟器中可以看到效果：
注意到提示画面没？使用Cordova创建的项目提示信息为“APACHE CORDOVA”，而如果使用PhoneGap创建的项目提示信息则为“PHONEGAP”，图片也从PhoneGap的飞行机器人变成了Cordova的小盒子。欢迎信息略有不同，不过项目效果都是一样的。
在Eclipse中点击：
File -> import
选择选择：
Android -> Existing Android Code Into WorkSpace：
出现：
选择号项目路径之后，出现工程信息，保持都选中，点击“Finish”：
其中“HelloWorld”就是我们的主工程。
打开“HelloWorld”工程目录，可以看到：
注意看文件夹“www”，这个文件夹其实并不真正位于工程目录下，而是从别的目录链接过来的，右键->Properties：
点击“Edit”，出现：
能看到位置位于：
${PARENT-2-PROJECT_LOC}\www
这里我们详细解释一下这个“www”文件夹的位置，假设我们使用“Cordova”命令创建的工程位于：
D:\Studying\phonegap\my_project
当我们为这个工程添加了Android支持并编译后，这个Android工程实际位于：
D:\Studying\phonegap\my_project\platforms\android
这也是我们的eclipse工程“HelloWorld”的实际路径，可以右键工程->Properties:
这才是工程的实际路径。那么好了，前面看到的：
${PARENT-2-PROJECT_LOC}\www
是什么意思呢？
其实，“${PARENT-2-PROJECT_LOC}”表示工程往上两级目录，也就是：
D:\Studying\phonegap\my_project
所以上面的“www”文件夹位于：
D:\Studying\phonegap\my_project\www
打开项目一看，这个路径下还真有一个“www”文件夹：
不过要注意的是，当我们运行这个Android工程，成功看到欢迎界面的时候，其实展示的是“www”文件夹里的文件：
index.html
而这个“index.html”，却并不位于刚才的路径下，而是在：
D:\Studying\phonegap\my_project\platforms\android\assets\www
之下，看一下里面的内容：
看到了吧，跟刚才的文件夹内容稍有不同，这才是“庐山真面目”，项目的“www”文件夹，其实调用的应该是这里的资源，所以我们需要在项目中更改原有“www”文件夹的链接为：
${PARENT-2-PROJECT_LOC}\platforms\android\assets\www
指向“庐山真面目”，我们在eclipse中才能更准确的开发呀！
在导入工程之前，workspace的编码必须设置为“UTF-8”才行，否则导入工程可能会出现问题。可以通过Window-> Preferences，打开首选项：
设置完毕后，我们来测试一下，在index.html文件中添加JavaScript片段：
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
alert("这是PhoneGap测试程序");
}
如果发现运行后的工程中还出现了乱码：
这时还需要在页面中加上编码解析信息在<head>标签中加入：
<meta charset="utf-8">
运行看一下效果：
能够看到文字显示信息正常了。至此使用Cordova搭建基本PhoneGap开发环境就讲完了。
安装配置PhoneGap开发环境（二）——使用Cordova代替PhoneGap创建项目
标签：phonegap cordova android eclipse helloworld
原文地址：http://blog.csdn.net/dongdong9223/article/details/46618813
