码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-04-28 11:26:33      阅读:592      评论:0      收藏:0      [点我收藏+]

标签:android   com   http   class   blog   style   img   java   size   width   strong   

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

mamicode.com,码迷

这个就是使用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\

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

mamicode.com,码迷

(ps:如果搭建不成功,contact me。)

 

2. 安装node.js
http://nodejs.org

(如果在命令行输入node有问题,请看三、)

3. 开始>>运行>>cmd
npm install -g phonegap

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

mamicode.com,码迷

4. 然后cd到你要创建项目的目录,打下面的命令,比如:
phonegap create helloworld com.helloworld.helloworld “helloworld”
三个参数的含义
helloworld–应用存放的文件夹,相对于当前文件夹
com.helloworld.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

mamicode.com,码迷

 

我的解决方法是:

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

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

2、关于安卓环境的搭建(温馨提醒)

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

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

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

registry = http://registry.cnpmjs.org

(将配置写死了)

 

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

我的第一个phonegap开发WebApp的demo 怎么搭建安卓开发环境以及安装phonegap,码迷,mamicode.com

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

标签:android   com   http   class   blog   style   img   java   size   width   strong   

原文地址:http://www.cnblogs.com/wuyinghong/p/3695585.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!