phonegap安装及环境配置（简介）

最近在弄ionic &＃xff0c;需要安装phonegap&＃xff0c;下面来说一下phonegap怎么安装以及配置

一、PhoneGap简介

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

     phonegap 运行速度

      1. android 环境&＃xff1a;

           512内存手机可以放弃phonegap

           1G 双核手机  运行流畅 感觉速度稍微比原生慢 可结合Crosswalk 优化

           2G 四核&＃43; 手机运行流畅 看不出和原生的差别

           部分手机兼容可能出现问题 需要调整css&＃xff08;原生开发也会有此问题&＃xff09;

      2.iOS环境

           iphone4&＃43; 运行流畅

           iphone5&＃43; 看不出和原生的差别

二、PhoneGap安装

    1.第一步&＃xff0c;安装nodeJS &＃xff08;http://www.runoob.com/nodejs/nodejs-install-setup.html&＃xff09;

       ①下载node.js

         百度云下载&＃xff1a;http://pan.baidu.com/s/1bo4ouIV  &＃xff08;选择一个&＃xff09;

         下载地址:https://nodejs.org/en/download/

           ②配置环境变量

         在系统环境变量中新建名为"NODE_PATH"&＃xff0c;值输入”C:\Program Files\nodejs\node_global\node_modules“。&＃xff08;ps&＃xff1a;此处是你nodejs的安装绝对路径&＃xff09;

              在path中 加入C:\Progam Files\nodejs;  或 %NODE_PATH%\nodejs;&＃xff08;ps:如果在path后面有; 就不用加了&＃xff0c;如果没有要加上,注意引号&＃xff09; 

       ③ 检测PATH环境是否成功配置node.js   在cmd中输入node --version 来检测node 版本

        出现版本号说明配置成功

 2.第二步&＃xff0c;安装Java jdk

       ①下载Java jdk

            百度云下载地址&＃xff1a;http://pan.baidu.com/s/1pLJFj1h &＃xff08;选一个&＃xff09;

            其他下载地址

                安装JDK 选择安装目录 安装过程中会出现两次 安装提示 。第一次是安装 jdk &＃xff0c;第二次是安装 jre 。建议两个都安装在同           一个java文件夹中的不同文件夹中。&＃xff08;不能都安装在java文件夹的根目录下&＃xff0c;jdk和jre安装在同一文件夹会出错&＃xff09;

          如下图所示

        ②安装以及配置环境

             系统变量→新建 JAVA_HOME 变量 &＃xff0c;填上值 &＃xff08;方法和上面雷同&＃xff09;

             系统变量→寻找 Path 变量→编辑  

             在变量值最后输入%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; &＃xff08;或是完整路径&＃xff09;

           &＃xff08;注意原来Path的变量值末尾有没有;号&＃xff0c;如果没有&＃xff0c;先输入&＃xff1b;号再输入上面的代码&＃xff09;

            系统变量→新建 CLASSPATH 变量

            变量值填写   .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar&＃xff08;注意最前面有一点&＃xff09;

              系统变量配置完毕

        ③检测是否安装成功

            检验是否配置成功 运行cmd 输入 java -version &＃xff08;java 和 -version 之间有空格&＃xff09;

           如图说明成功

  3.第三步&＃xff0c;安装ant &＃xff08;打包工具&＃xff09;

       Apache Ant,是一个将软件编译、测试、部署等步骤联系在一起加以自动化的一个工具&＃xff0c;大多用于Java环境中的软件开发。由Apache软件基金会所提供。

       ①下载 ant

         百度云盘下载地址&＃xff1a;http://pan.baidu.com/s/1geEV4I3 &＃xff08;选一个&＃xff09;

         其他下载地址&＃xff1a;http://ant.apache.org  &＃xff08;第一个是window的&＃xff09;

 ②安装与配置

       新建以下环境变量&＃xff1a;

         ANT_HOME&＃xff1a;D:\apache-ant-1.9.4-bin\apache-ant-1.9.4 &＃xff08;安装路径&＃xff09;

       在path中加入

        ;%ANT_HOME%\bin   注意前面的分号&＃xff0c;如果PATH中最后没有分号“;”的话要加上&＃xff0c;有的话就可去除

  ③ 测试是否安装成功

      进入cmd命令窗口&＃xff0c;在CMD窗口中输入ant -version,敲击回城键&＃xff0c;

      会显示出你安装的ANT版本,如果成功显示&＃xff0c;说明你的配置应该是成功了,

    4.第四步&＃xff0c;安装phonegap

          接下来开始phonegap的安装了。在控制台运行如下命令&＃xff1a;

          npm install -g phonegap         ( Mac使用: sudo npm install -g phonegap )

       / /等待安装   完成后安装 cordova:

          npm install -g cordova          ( Mac使用: sudo npm install -g cordova )

          注意&＃xff1a;部分人现在直接使用npm install -g cordova 发现安装了以后 执行 cordova build android的时候

           提示需要安装 platform for android-21 sdk 意思就是需要 最新版本的sdk

          解决方法&＃xff1a;

              a)更新sdk (翻墙 代理  或者想起他办法)

              b)sdk 没法更新的情况下&＃xff0c; 可以先卸载当前的cordova&＃xff0c; 然后再重新指定版本安装cordova

                     npm install -g cordova&＃64;4.1.2

              c) 下载sdk包集成  下载地址

                      百度云盘: http://pan.baidu.com/s/1hs6woK0

                      其他下载地址&＃xff1a;http://bbs.phonegap100.com/htread-1566-1-1.html

       安装完成后开始创建项目&＃xff1a;
       在命令行 使用
       phonegap create myapp
       cd myapp
       phonegap run android
       第一个 phonegap写的程序就出现了 
       在myapp 目录下会出现5个文件夹&＃xff0c;打包好的工程放在platforms里面