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

这个就是使用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加入下面内容

  1. registry = http://registry.cnpmjs.org

(将配置写死了)

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

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

  1. 搭建phonegap开发环境,搭建安卓开发环境

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...

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

    Eclipse+ADT+Android SDK 搭建安卓开发环境   要求 必备知识 windows 7 基本操作. 运行环境 windows 7(64位); eclipse-jee-luna-SR2 ...

  3. eclipse安装、汉化、搭建安卓开发环境

    1.eclipse与jdk的位数(32bit or 64bit )要对应,否则会提示Failed to load JNI shared library.提示这一种错误据说还有另外一种原因就是Path路 ...

  4. Eclipse+ADT+Android SDK 搭建安卓开发环境(版权属于forever-z)

    运行环境 windows 7或者10(64位); 为例eclipse-jee-neon-3-win32-x86_64: ADT-23.0.4 下载地址 安装JDK 这里可以参考关于安装JDK的教程,请 ...

  5. Eclipse+ADT+Android SDK 搭建安卓开发环境(转)

    要求 必备知识 windows 7 基本操作. 运行环境 windows 7(64位); eclipse-jee-luna-SR2-win32(32位);ADT-23.0.4 下载地址 环境下载 最近 ...

  6. Windows下快速搭建安卓开发环境android-studio

    Windows下快速搭建安卓开发环境android-studio 发布时间:2018-01-18 来源:网络 上传者:用户 关键字: 安卓 搭建 Android Windows 快速 环境 Studi ...

  7. delphi 搭建安卓开发环境

    delphi 搭建安卓开发环境 DELPHI安装成功以后,怀着激动的心情,使用IDE向导生成安卓DEMO程序,BUILD,想马上看到编译成功的提示,结果报错,不由得傻眼了.DELPHI怎么这么差? 原 ...

  8. Eclipse 环境下安装PhoneGap开发插件

    phoneGap开发跨所有移动平台软件已经成为未来移动终端开发的总趋势,如何在大家所熟悉的Eclipse IDE中快速安装PhoneGap开发插件,介绍如下: 点击help——>install ...

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

    首先感谢好人的分享!http://www.mamicode.com/info-detail-516839.html 系统:windows 7 若想直接安装eclipse—android的,请启动如下传 ...

随机推荐

  1. 跨线程操作UI控件

    写程序的时候经常会遇到跨线程访问控件的问题,看到不少人去设置Control.CheckForIllegalCrossThreadCalls = false;这句话是告诉编译器不要对跨线程访问作检查,可 ...

  2. 阿里云centOS6 下python安装及配置、pip安装及配置、ipython安装及配置

    我是在阿里云服务器上进行的python环境搭建,阿里云服务器会自带python但是版本低,所以打算自己安装一个,期间遇到各种问题,而且百度根本不够用无奈上的外网很快解决了.在此分享一下. 一.pyth ...

  3. Cocoapod安装 - 管理第三方库

    在我们开发移动应用的时候,一般都会使用到第三方工具,而由于第三方类库的种类繁多,我们在项目中进行管理也会相对麻烦,所以此时我们就需要一个包管理工具,在iOS开发中,我们使用最多的就是Cocoapods ...

  4. 基于h5+ajax实现的手机定位

    因朋友需要,之前看了下关于h5的手机定位,目前写了个demo在这里贴出来,感兴趣的朋友可以看一下. 目前的版本只是demo,仍有几个问题需要完善一下,问题如下: 1,如何将经纬度等数据发送到被定位人看 ...

  5. 关于Java(JDBC介绍)

    JDBC API 允许用户访问任何形式的表格数据,尤其是存储在关系数据库中的. JDBC 简单功能 连接数据源,如数据库 传给数据库查询和更新指令 获取并处理数据库返回结果(对查询等的响应) 示例代码 ...

  6. bzoj 3781: 小B的询问 分块

    3781: 小B的询问 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 196  Solved: 135[Submit][Status] Descrip ...

  7. iframe的安全问题

    今天尝试在iframe中嵌入外部网站, 碰到了一些小问题. 如何让自己的网站不被其他网站的iframe引用? 我测试的时候发现我把iframe的src指定到github不起作用. 原来是它把X-Fra ...

  8. STL unordered_set

    http://www.cplusplus.com/reference/unordered_set/unordered_set/ template < class Key, // unordere ...

  9. 17.1.2.1 Advantages and Disadvantages of Statement-Based and Row-Based Replication 基于语句和行的复制的优势和劣势

    17.1.2.1 Advantages and Disadvantages of Statement-Based and Row-Based Replication 基于语句和行的复制的优势和劣势 每 ...

  10. 一起啃PRML - 1.2.1 Probability densities 概率密度

    一起啃PRML - 1.2.1 Probability densities @copyright 转载请注明出处 http://www.cnblogs.com/chxer/ 我们之前一直在讨论“谁取到 ...