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,响应式设计,还没有弄懂,终归是有舍才有得,还是两者都能兼顾,纠结呐

  • 相关阅读:
    NetSuite Batch Process Status
    NetSuite generated bank files and the Bank Reconciliation process
    Global Search file content in Gitlab repositories, search across repositories, search across all files
    FedEx Package Rate Integration with NetSuite direct integrate by WebServices
    git Merge branches
    git tag and NetSuite deployment tracking
    API 读写cookie的方法
    C# 生成缩略图
    解决jquery操作checkbox全选全不选无法勾选问题
    JS读取写入删除Cookie方法
  • 原文地址:https://www.cnblogs.com/wuyinghong/p/3695585.html
Copyright © 2011-2022 走看看