我的第一个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–应用的包名
“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

时间: 2024-08-02 02:51:42

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

Eclipse 环境下安装PhoneGap开发插件

phoneGap开发跨所有移动平台软件已经成为未来移动终端开发的总趋势,如何在大家所熟悉的Eclipse IDE中快速安装PhoneGap开发插件,介绍如下: 点击help-->install new software-->add连接:http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/r1.2.91/download/ 然后一路next,选择重新启动Eclipse,出现左边所示

Eclipse+ADT+Android SDK 搭建安卓开发环境

要求 必备知识 windows 7 基本操作. 运行环境 windows 7 下载地址 环境下载 最近开接触Android(安卓)嵌入式开发,首要问题是搭建Andoid开发环境,由于本人用的是windows7的笔记本,也就只能到Windows中搭建Android 开发环境了! 就搭建环境都花了比较长的时间, 在各种版本之间折腾了比较久的时间, 装好后SDK包更新又是一个比较大的麻烦(天朝的网络大家懂的--).下面把我的安装过程和经验分享个大家!! 安装JDK 这里可以参考我之前写的一篇关于安装J

Intellijidea12.1.1+Genymotion搭建安卓开发环境

之前的项目使用的都是Intellijidea12.1.1,再加上对Eclipse一直不感冒,所以研究了一下这个IDE做安卓开发. 需要的软件:Intellijidea12.1.1,Genymotion,SDK,JDK JDK,SDK,Intellijidea12.1.1的下载安装省略,着重讲一下Genymotion的安装方法. 能看到这篇文章的朋友都是知道什么是Genymotion了,用他代替官方的AVD,启动速度基本上几秒钟,而且一点都不卡,非常爽. 按照网站上的下载后(Intellijide

如何用myeclipse和eclipse搭建安卓开发环境

搭建安卓开发环境 1.        下载android开发必备工具之JAVA JDK: :http://www.java.net/download/jdk6/6u10/promoted/b32/binaries/jdk-6u10-rc2-bin-b32-windows-i586-p-12_sep_2008.exe 下载JDK1.6,进行安装 2.        右键我的电脑>属性>高级>环境变量, 查看PATH中是否有D:\JDK\bin;如果没有必须在PATH的开头添加D:\JDK\

Android学习笔记(二):搭建安卓开发环境

① 下载 JDK 5 or JDK 6 (JRE alone is not sufficient) ->安装->设置环境变量JAVA_HOME CLASSPATH path 下载地址:Download JDK ② 下载 Eclipse 3.3 (Europa), 3.4 (Ganymede) IDE for JAVA-> 解压 下载地址:Eclipse for JAVA developer ③ 下载 Android SDK 解压-> path 里加入 SDK 包中的 tools 目

【Android】Eclipse下搭建安卓开发环境

本文撰写于2015/3/13. 主页:http://www.cnblogs.com/game-testing/ Eclipse下搭建安卓开发环境 写在前边的话: 安卓开发环境多种多样,没有什么优劣可言,习惯的就是最好的. 本文采用Eclipse+ADT+SDK的方式搭建安卓开发环境,同时也方便用于robotium自动化测试. 一.    安装JDK Eclipse启动时需要 JRE.虽然Eclipse自带JDK,但为了避免以后开发和测试过程中出现不必要的麻烦,这里讲述JDK的安装. JDK下载:

基于eclipse-java的平台上搭建安卓开发环境

首先感谢好人的分享!http://www.mamicode.com/info-detail-516839.html 系统:windows 7 若想直接安装eclipse—android的,请启动如下传送门: http://www.eclipse.org/downloads/eclipse-packages/ 安装思路: 1.先安装ADT-23.0.6.zip-2通过Android SDK Manager添加新的软件包. 注意事项: 在添加Android SDK时候不要一次性勾选选择太多否则安装极

Android环境搭建-安卓开发系列教程(原创)

[面向人员]:立志于安卓开发的所有人员,做到真正的从零基础起步: [教程说明]:本教程在内容上保证原创.简洁.详细,在附件链接上保证可用.最新.完整: [回帖说明]:教程有不清晰的地方,请及时回帖互动,楼主会第一时间更新帖子,谨以此开源.分享.共进. 1.下载最新版JDK(JDK是运行环境) 官方下载地址:    http://www.oracle.com/technetwor ... nloads-2133151.html 小提示:甲骨文官方下载速度比较慢,请耐心等待 网盘下载地址:http:

Eclipse搭建安卓开发环境(旧)

官方搭建步骤: http://developer.android.com/index.html 搭建环境之前需要下载下面几个文件包: 一.安装Java运行环境JRE(没这个Eclipse运行不起来)和JDK 官网下载 http://www.oracle.com/technetwork/java/javase/downloads/index.html, 先装JRE,再装JDK,这个没什么说的,直接点击下一步就好了... 二.安装Android SDK(在线升级方式,也可以直接下载集成包,跳到第六步