经过了一番讨论,最后还是决定用phonegap来开发产品。因为用phonegap的人力成本相比原生开发还是节省了不少,并且可以跨平台。至于软件的运行效率,在ios上还是相当流畅的,在android上就稍微的没那么流畅。但还在接受的范围内。

好了,废话少说。开始了

首先,当然是装环境了,这个网上又太多太多资料了,我就不赘述了,可以参考点击这里

然后,安装环境之后,就可以通过命令行来创建项目。

在windows下打开命令行(在mac下打开终端),去到你想创建项目的目录。

cordova create MyFirstProj com.testMyFirstProj

cd MyFirstProj

这样你的项目就创建好了。创建好的目录应该就是这样子,说明你创建成功了

plugins下,就放着你所安装的插件

www  就是你主要要编辑的网页代码。

config则是你对项目的一些配置。

创建完项目之后,你可以 根据你的需要,通过cordova plugin add命令 安装一些常用的插件,

如:你需要在应用内打开浏览器时,可以用这个插件:(InAppBrowser): cordova plugin add org.apache.cordova.inappbrowser

需要设置闪屏,可以安装   cordova plugin add org.apache.cordova.splashscreen

等等。

phonegap就是因为有各种各样的插件,才能够满足我们日常的开发。

当你需要编译不同平台代码的时候,就需要通过下面两句命令来生成各自平台下的代码。

生成后的代码就在上图中的platform中。

cordova platform add android,cordova platform add ios。(需安装各自的环境)

切记,如果你想一次开发,然后多个平台下运行,则不应该在platform下各自平台下去改www下的代码。而是应该在根目录的www下改代码,然后通过cordova build android 或者cordova build ios 编译不同的平台。phonegap会替换掉各自平台下的www文件。

最后,推荐几个网址:

phonegap官网,还是要多到官网看看,大部分问题还是可以从文档上找到答案的。

phonegap 插件 还有在这里,你可以找到大部分插件。方便使用。

第一次写,写的不是很好。只是简单的介绍一下。

phonegap 环境搭建的更多相关文章

  1. phonegap环境搭建

    最近在开发app, html5+php 采用phonegap进行打包 前端框架采用jquery mobile 这里phonegap创建安卓项目 3种方式 1.phonegap 2.cordova 3. ...

  2. Cordova(PhoneGap) 环境搭建与基础

    Cordova(PhoneGap) 创建步骤:官方Guide 环境准备 安装 Node.js nodejs.org 安装 git git-scm.com (bin目录添加到path) 安装 cordo ...

  3. 简单谈谈eclipse下搭建PhoneGap环境来开发Android程序 - linux86(转)

    原来在逛园子的时候一不小心发现了一个新概念“PhoneGap”简称PG,我一直都喜欢追逐新事物,自然就产生了好奇心.于是乎我就在百度上面Google了一下PhoneGap是什么东西.简单的说就是用另一 ...

  4. Android移动APP开发笔记——最新版Cordova 5.3.1(PhoneGap)搭建开发环境

    引言 简单介绍一下Cordova的来历,Cordova的前身叫PhoneGap,自被Adobe收购后交由Apache管理,并将其核心功能开源改名为Cordova.它能让你使用HTML5轻松调用本地AP ...

  5. (转)PhoneGap开发环境搭建

    (原)http://www.cnblogs.com/Random/archive/2011/12/28/2305398.html PhoneGap开发环境搭建   项目中要用PhoneGap开发,了解 ...

  6. Phonegap(Cordova)3.4 + Android 环境搭建

               PhoneGap是一个用基于HTML.CSS和JavaScript的,创建移动跨平台移动应用程序的高速开发平台. 它使开发人员可以利用iPhone,Android,WP7等多 ...

  7. (一)phoneGap之环境搭建教程及其example分析

    phoneGap之环境搭建教程及其example分析 一.环境搭建 与普通的开发android应用一样,phoneGap也同于原生android应用一样,环境相同,只是有部分不同,下面就我做理解,进行 ...

  8. Phonegap 开发环境搭建

    以Android为例介绍Phonegap开发环境搭建 一. 软件下载 1. JDK 8 下载 http://www.oracle.com/technetwork/java/javase/downloa ...

  9. phonegap for andriod之phonegap 环境的搭建

    1.环境搭建 1.1安卓的环境搭建 可以参考http://www.cnblogs.com/xuzhiwei/p/3277529.html 1.2PhoneGap下载 我这里下载2.90版本 http: ...

随机推荐

  1. 一个基于MBProgressHUD的自定义视图hud例子

    项目中用到的一个hud,基于MBProgressHUD,使用自定义视图实现的,动画效果是从网上参考的,并不是很理想.有需要的可以看看,这里是源码(源码用了cocoapods,运行前需要pod inst ...

  2. UI4_注册登录界面

    // // ViewController.h // UI4_注册登录界面 // // Created by zhangxueming on 15/7/3. // Copyright (c) 2015年 ...

  3. Socket 广播

    1.广播端口 Socket中的广播端口是什么意思,是谁对应谁的? 这个广播端口 指定 客户端接收广播消息时要使用的端口号. 参考: 1.快速Python 原型 2.receive UDP broadc ...

  4. 自己手写简约实用的Jquery tabs插件(基于bootstrap环境)

    一直想改版网站首页的图书展示部分,以前的展示是使用BootStrap的传统的collapse,网页篇幅占用大,也不够美观,操作也相对来说比较麻烦.于是有了自己利用Jquery来做一个图书展示的tabs ...

  5. Nginx启动SSL功能,并进行功能优化,你看这个就足够了

    一:开始Nginx的SSL模块 1.1 Nginx如果未开启SSL模块,配置Https时提示错误 nginx: [emerg] the "ssl" parameter requir ...

  6. Oracle 动态视图6 V$PROCESS

    一.视图包含当前系统oracle运行的所有进程信息.常用于将session与进程(oracle进程,操作系统进程)之间建立联系. Column Datatype Description ADDR RA ...

  7. require.js入门指南(三)

    *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* ...

  8. 拥抱ARM妹纸第二季 之 第一次 点亮太阳

    上次做鱼缸LED灯时还有很多材料正好拿来用.穆等等哥- 俺去找材料. 材料列表     3W LED   x  3     散热片     x  1     恒流IC     x  1     其他零 ...

  9. 对现有Hive的大表进行动态分区

    分区是在处理大型事实表时常用的方法.分区的好处在于缩小查询扫描范围,从而提高速度.分区分为两种:静态分区static partition和动态分区dynamic partition.静态分区和动态分区 ...

  10. ngnix 下配置多域名跳转 配置方法

    自己申请了多个域名,统一使用 http://goipc.cn/ 格式访问网站 server_name goipc.cn ; server_name www.goipc.cn ; server_name ...