【转】PhoneGap Cordova 环境搭建

最近尝试了一下使用HTML5来编写应用，万丈高楼平地起，首先第一步就是环境搭建。在此记录，以备忘。

首先：进入PhoneGap的官方网站：http://phonegap.com/，首页中一个硕大的install，毫不犹豫点击它：

 

 

 看来需要安装NODEJS，OKAY。点击上图中的Nodejs，开始安装NODEJS。这是NODEJS的官方网站：http://nodejs.org/

首页上又是一个硕大的INSTALL。还等什么，下一步，下一步，下一步。安装完毕。

 

其次开始搭建其他相关环境：

 点击页面上的开发-》起步-》进入其帮助界面。

下面仅以ANDROID平台为例：

【1】首先你得安装好ANDROID的SDK，不会安装？传送门：http://developer.android.com/index.html

【2】设计ANDROID SDK TOOLS ,TOOLS 环境变量，由于我是在WIN7上开发下面仅以WIN7为例：（环境变量都会设置吧，不懂？GOOGLE吧），需要将以下路径设置到PATH中：

 

【3】之后设置JAVA_HOME与ANT_HOME如下：

 

什么？你没有安装ANT，传送门在此：http://ant.apache.org

首页左侧一个硕大的DOWNLOAD，直接点击该条目下的Binary Distributions,找到合适你的系统的安装包即可。好吧，其实解压就可以了，不过解压之后还不能用，咋办？

点击上图的手册项目，进入帮助文档界面如下：

 到此，硕大的安装ANT说明历历在目，点击之后，自己阅读吧。文档中写的很明白，这里就不赘述了。

【4】至此，环境应该已经搭建结束。在WINDOWS命令行中试试：

先输入命令来安装CORDOVA：

de style="font-family: DejaVu, Monaco, 'Courier New', Courier; font-size: 11px; padding: 0px; background-image: none; border: none;"  >npm install -g cordovade>

 

之后在命令行中输入：

 

如果你出现如上图的内容，那么恭喜你环境搭建结束。

【6】环境搭建好了，下面来创建一个应用程序吧。还是在命令行中：

 运行正常不应该出现任何输出。创建成功之后会生成如下图的内容：

 之后再继续输入命令为当前项目添加平台：

 

该命令成功执行之后会生成如下：

 

之后输入命令编译该工程：

 【7】之后打开ECLIPSE将当前的工程导入。

启动ECLIPSE--》现在新建工程--》之后选择：

之后选中上述创建的工程目录--》点击完成。

之后你就可以运行这个程序啦。啥也不说上个图：

 

另外：Phonegap可以添加特性，即官方文档中的各种API。想要使用某一类的API就必须将该特性添加进入。

如何添加，见：

具体如何操作，看看文档吧，有好处。：）