标签:android com http class blog style img java size width strong
一、先来张图,赏心悦目观赏一下,哈
、
这个就是使用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–应用的包名
“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加入下面内容
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