我的第一个phonegap开发WebApp的demo 怎么搭建安卓开发环境以及安装phonegap

一、先来张图，赏心悦目观赏一下，哈

、

这个就是使用phonegap框架搭建起来的，运行在安卓环境上的第一个demo。

安卓的开发环境，大家都会搭建了，所以不赘述。讲一下，安装phonegap的步骤。

二、phonegap的安装

1. 设置系统变量

系统变量

Path后面添加：(以下变量都是必须的，路径根据自己的设置)

E:\android_sdk\sdk\tools;

E:\android_sdk\sdk\platform-tools;

E:\android_sdk\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin

C:\Program Files (x86)\Java\jdk1.6.0_10\bin;

新增 JAVA_HOME，设置值为java sdk

根目录：

C:\Program Files (x86)\Java\jdk1.6.0_10\

我搭建的安卓开发环境目录是这样的：

（ps：如果搭建不成功，contact me。）

2. 安装node.js

http://nodejs.org

（如果在命令行输入node有问题，请看三、）

3. 开始>>运行>>cmd

npm install -g phonegap

有网友反馈命令行运行到什么时候算安装成功：如下图(3.4版本)：

4. 然后cd到你要创建项目的目录，打下面的命令，比如：

phonegap create helloworld

com.helloworld.helloworld

“helloworld”

三个参数的含义

helloworld–应用存放的文件夹,相对于当前文件夹

com.helloworld.helloworld–应用的包名

应用的名称

cd helloworld

phonegap build

android

至此一个应用就创建ok了

下面你就导入进eclipse 编辑吧，导入路径:

/你的APP目录/platforms/android/,直接编辑assets\www目录下的文件即可

三、补充内容

1、关于node.js的安装

从官网下载了Node.js的Windows

Installer，安装完成后，通过控制台输入node命令，发现提示说“node"不是内部或外部命令，这通常是由于没有设置环境变量导致的。Node.js在安装过程中不允许用户选择安装路径，默认安装到了C:\Program

Files\nodejs路径下，按说Node.js在安装完成后都会默认设置环境变量，我打开用户环境变量查看了下Path的值，

发现在最后系统自动加入了C:\Users\Administrator\AppData\Roaming\npm\;

并且在系统环境变量的Path的最后自动加入了C:\Program Files\nodejs\，

发现环境变量已经默认设置了，但是还是在控制台中无法使用node命令。

我的安装目录是：

在E:\Program Files\nodejs

我的解决方法是：

我在用户变量Path的修改成了E:\Program Files\nodejs\，在用户变量那里也追加E:\Program

Files\nodejs\。

然后重新打开cmd窗口，发现在控制台中可以使用node命令了

2、关于安卓环境的搭建（温馨提醒）

安卓环境的搭建，直接下载一个安装包，搭建方便，我之前之所以已经把所有的环境都搭建好了，但是在使用phonegap在命令行一直没有创建项目成功，估计就是我搭建的安卓和开发环境有问题，所以在安装过程中，要注意路径不要出现空格等。另外，就是系统变量，注意！！别写错了

3、使用npm在命令行下安装phonegap慢的解决方法

.编辑~/.npmrc加入下面内容

（将配置写死了）

最后，不知道phonegap能不能继续学下去，because，响应式设计，还没有弄懂，终归是有舍才有得，还是两者都能兼顾，纠结呐