美文网首页iOS技术专题
MAC 下安装PHONEGAP开发环境

MAC 下安装PHONEGAP开发环境

作者: BairdWeng | 来源:发表于2016-03-02 15:49 被阅读716次

    MAC 下安装PHONEGAP开发环境

    什么是Phonegap呢?Phonegap是一个利用HTML5去开发App的框架。可以为安卓、iOS、WP、黑莓、火狐等移动操作系统。采用HTML5来编写交互界面。其优点是编写一次可以编译到各种移动平台上,大大为公司节省了开发周期。但是它也是有缺点的,性能比如原生的好,只能做一些简单的APP,比如介绍公司的那种,或者网站客户端。要是做游戏还是算了吧。

    在MAC下安装Phonegap环境要安装很多种第三方的软件。git,xocde,nodejs等等。

    1.安装GIT:http://www.git-scm.com/

    2.安装NODEJS:http://nodejs.org/(如果你安装了旧版本的需要手动安装npm,不过最新版的自带了)

    3.进入终端命令行使用npm安装cordova如下:

    $ sudo npm install-g cordova

    4.进入你要创建的项目目录,然后创建phonegap项目。

    $ cordova create hello com.example.helloHelloWorld

    输入完这个命令后cordova程序会帮你创建hello文件夹,里面就是这个phonegap环境了。

    5.创建xcode项目文件。要编译App肯定是要用xcode的,没有安装就去App Store下载吧。

    $ cd hello

    $ cordova platform add ios

    之后你用finder进入子目录就会看到platforms中得ios文件夹,接着你就运行里面项目编译即可。

    6.环境算是有了,但是你要做项目还得需要调用很多系统的东西,比如摄像头、系统信息、文件操作等等,或者第三方开发的插件。看官网文档:

    Basic device information (Device API): (设备信息插件)

    $ cordova plugin add org.apache.cordova.device

    Network Connection and BatteryEvents:(网络连接插件)

    $ cordova plugin add org.apache.cordova.network-information

    $ cordova plugin add org.apache.cordova.battery-status

    Accelerometer, Compass, and Geolocation:(陀螺仪)

    $ cordova plugin add org.apache.cordova.device-motion

    $ cordova plugin add org.apache.cordova.device-orientation

    $ cordova plugin add org.apache.cordova.geolocation

    Camera, Media playback and Capture:(摄像头拍照录制等)

    $ cordova plugin add org.apache.cordova.camera

    $ cordova plugin add org.apache.cordova.media-capture

    $ cordova plugin add org.apache.cordova.media

    Access files on device or network (File API):(访问文件)

    $ cordova plugin add org.apache.cordova.file

    $ cordova plugin add org.apache.cordova.file-transfer

    Notification via dialog box or vibration:(提醒)

    $ cordova plugin add org.apache.cordova.dialogs

    $ cordova plugin add org.apache.cordova.vibration

    Contacts:(联系人)

    $ cordova plugin add org.apache.cordova.contacts

    Globalization:

    $ cordova plugin add org.apache.cordova.globalization

    Splashscreen:

    $ cordova plugin add org.apache.cordova.splashscreen

    Open new browser windows (InAppBrowser):

    $ cordova plugin add org.apache.cordova.inappbrowser

    Debug console:

    $ cordova plugin add org.apache.cordova.console

    相关文章

      网友评论

        本文标题:MAC 下安装PHONEGAP开发环境

        本文链接:https://www.haomeiwen.com/subject/anynkttx.html