【转】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就必须将该特性添加进入。

如何添加，见：

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