关于PhoneGap简介

  PhoneGap是一个用基于HTMLCSSJavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,PalmSymbian,WP7,WP8,BadaBlackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。

配置过程:

  在安装Node之前,我们需要配置一下Java环境(针对于Android开发),直接安装JDK,最好不要只安装JRE。

  JDK下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

  安装后,配置以下环境变量,若是默认安装jdk,那么在环境变量中的path变量加入:C:\Program Files\Java\jdk1.8.0_31\bin ,记得在加入前,查看path变量末尾是否有分号结尾。键入命令,查看是否配置成功

java -version

  

  接下来继续配置Android环境,关于Android的SDK如何下载,我相信各方的程序猿都有自己的办法,实在不济,百度一下找找国内的镜像,就OK。所以跳过如何下载SDK Manager、更新SDK这几步。

  需要注意的是,这里使用ionic框架是放弃了Android4.1以下版本和IOS6以下版本。

  配置一下Android的环境变量,相同于java,Android加入platform-tools和tools两个目录的引用。配置好了之后,运行以下命令,查看配置是否成功:

adb devices

  这条命令是用来查看真机、模拟器的。我这里没有安装任何模拟器,也没有接入真机。所以这里是空的,若是有的话,会出现一个列表。

  安装Node.js,主要是需要通过使用node的npm包管理器来安装一些必要的工具,cordova、ionic等。

  下载node的安装包,直接默认安装即可。

npm install -g cordova              --安装cordova
npm install -g cordova@4.1. --安装cordova的指定版本

然后安装ionic

npm install -g ionic

安装完毕,配置过程也就完成了。

尝试创建一个基于ionic的应用:

ionic start myapp
cd myapp
ionic platform add android
ionic build android

当上面最后的一个命令执行成功,那么就已经编译好了。

这是编译Android,若是IOS,直接将上面的Android换成iOS就可以了。

连接上手机,进行真机测试,在生成的目录位置键入以下命令:

ionic run android

即可完成真机安装。

关于安装过程中的错误问题(重要):

  由于国内环境的问题,可能会导致某些安装会出现一些莫名其妙的错误。就算同一台电脑,一样的纯净的系统环境,在不同的时间去安装配置PhoneGap环境也可能会出现错误。导致错误的原因很多,而且莫名其妙。

  所以我选择配置了一个感觉比较好使的,成功率也是最高的环境。首先修改npm的源(https://cnpmjs.org/)。然后安装我这里提供的指定版本的工具。

  首先配置npm的源:

npm config set registry http://registry.cnpmjs.org //配置指向源

  看前面的文章,已经说过了如何安装指定版本的工具。

  这是我的配置版本,试过很多次,都是一次成功,大家可以按照我的这个来配置。

PhoneGap配置笔记的更多相关文章

  1. Bandwidthd+Postgresql数据库配置笔记

    Bandwidthd+Postgresql数据库配置笔记 本系列文章由ex_net(张建波)编写,转载请注明出处. http://blog.csdn.net/zjianbo/article/detai ...

  2. 软件安装配置笔记(三)——ArcGIS系列产品安装与配置(补档)(附数据库连接及数据导入)

    在前两篇安装配置笔记之后,就忘记把其他安装配置笔记迁移过来了,真是失误失误!趁现在其他文档需要赶紧补上. 目录: 一.ArcMap 二.ArcMap连接数据库并导入数据 三.Arcgis Pro 四. ...

  3. linux文件权限目录配置笔记

    ###linux 文件权限目录配置笔记 ---------- 多人多任务环境 linux 一般将文件可存取的身份分为三个类别:owner group others Permission deny ls ...

  4. php +apache +mysql 配置笔记

    2013年11月5日 14:27:46 php +apache +mysql 配置笔记 mysql 正常安装 忽略. 1,配置笔记:安装apache 的成功标志是:安装完成之后,在浏览器输入http: ...

  5. Linux下Ganglia集群监控安装、配置笔记

    http://www.blogjava.net/henry14/archive/2011/12/17/ganglia.html 枪声依旧 Linux下Ganglia集群监控安装.配置笔记 Gangli ...

  6. Matplotlib外观和基本配置笔记

    title: matplotlib 外观和基本配置笔记 notebook: Python tags:matplotlib --- 参考资料,如何使用matplotlib绘制出数据图形,参考另一篇mat ...

  7. logging模块配置笔记

    logging模块配置笔记 log文件的路径 #判断在当前的目录下是否有一个logs文件夹.没有则创建 log_dir = os.path.dirname(os.path.dirname(__file ...

  8. 关于php user ini 文件的配置笔记 (TODO)

    关于 user ini 文件的配置笔记 在使用 宝塔建网站时如果选中防跨域攻击就会在 项目目录生成 .user.ini 这里面是关于 open_basedir 的路径.

  9. FreeRADIUS + MySQL 安装配置笔记

    FreeRADIUS + MySQL 安装配置笔记 https://www.2cto.com/net/201110/106597.html

随机推荐

  1. the import android cannot be resolved

    1.先更新SDK 2.从Window选择SDK并且Apply 3.从Project选择Android的版本

  2. rootkit后门检查工具RKHunter

    ---恢复内容开始--- rkhunter简介: 中文名叫"Rootkit猎手", rkhunter是Linux系统平台下的一款开源入侵检测工具,具有非常全面的扫描范围,除了能够检 ...

  3. linux防火墙开启端口

    1.使用命令查看端口开启情况(下图为安装时未选择开启防火墙) [root@fullstack ~]# iptables -L -n Chain INPUT (policy ACCEPT) target ...

  4. string.Format格式化用法详解

    1.格式化货币(跟系统的环境有关,中文系统默认格式化人民币,英文系统格式化美元) string.Format("{0:C}",0.2) 结果为:¥0.20 (英文操作系统结果:$0 ...

  5. WebApi官方系列

    一.入门 1.1Asp.Net WebApi2 入门 1.2WebApi2的Action返回值 1.3WebApi2自动生成帮助页 二.路由 2.1WebApi2的路由规则 2.2WebApi2的Ac ...

  6. Android Studio导入第三方类库的方法

    Android Studio导入第三方类库的方法 本人也刚刚开始尝试做android app的开发,听说android studio是Google支持的android 应用开发工具,所以想应该肯定比E ...

  7. 关于python装饰器

    关于python装饰器,不是系统的介绍,只是说一下某些问题 1 首先了解变量作用于非常重要 2 其次要了解闭包 def logger(func): def inner(*args, **kwargs) ...

  8. MATLAB的PLOT函数线型设置及横坐标为字符串的代码实例

    2.横坐标为字符串的代码实例 cell={‘PLS’,’SVM’,’RF’,’NNET’,’NB’,’PLR’,’C5.0′,’PDA’,’KNN’,’GLM’,’BCT’};%分类方法yData=[ ...

  9. 页面无刷新Upload File

    页面无刷新Upload File. 利用jquery.form.js的ajaxForm提交文件. 具体参考以下代码: 前台html <%@ Page Language="C#" ...

  10. Vuejs学习笔记1

    首次写vue可能会出现:[Vue warn]: Cannot find element: #app 这是因为你的js在html页面头部引入的原因,自定义js文件要最后引入,因为要先有元素id,vue才 ...