zoukankan      html  css  js  c++  java
  • 我的第一个phonegap开发WebApp的demo 怎么搭建安卓开发环境以及安装phonegap

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

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

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

    二、phonegap的安装  

    1. 设置系统变量
    系统变量 Path后面添加:(以下变量都是必须的,路径根据自己的设置)
    E:android_sdksdk ools;
    E:android_sdksdkplatform-tools;
    E:android_sdkeclipsepluginsorg.apache.ant_1.8.3.v201301120609in

    C:Program Files (x86)Javajdk1.6.0_10in;
    新增 JAVA_HOME,设置值为java sdk 根目录:
    C:Program Files (x86)Javajdk1.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/,直接编辑assetswww目录下的文件即可

    三、补充内容

    1、关于node.js的安装

    从官网下载了Node.js的Windows Installer,安装完成后,通过控制台输入node命令,发现提示说“node"不是内部或外部命令,这通常是由于没有设置环境变量导致的。Node.js在安装过程中不允许用户选择安装路径,默认安装到了C:Program Files odejs路径下,按说Node.js在安装完成后都会默认设置环境变量,我打开用户环境变量查看了下Path的值,

    发现在最后系统自动加入了C:UsersAdministratorAppDataRoaming pm;

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

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

    我的安装目录是:

    在E:Program Files odejs

    我的解决方法是:

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

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

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

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

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

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

    registry = http://registry.cnpmjs.org

    (将配置写死了)

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

  • 相关阅读:
    flask强大的三方组件flask-Migrate
    FTP和HTTP
    MD5-JS加密
    使用websocket实现单聊和多聊
    Flask上下文管理
    python中的with用法
    如何判断一个对象是可调用对象
    缓存
    websocket与http
    csrf
  • 原文地址:https://www.cnblogs.com/wuyinghong/p/3695585.html
Copyright © 2011-2022 走看看