码迷,mamicode.com
首页 > 移动开发 > 详细

IOS cordova环境搭建

时间:2015-06-11 00:37:24      阅读:468      评论:0      收藏:0      [点我收藏+]

标签:ios cordova环境搭建

首先什么是cordova  ,cordova的前生是Phonegap

Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。

好了、现在我们在MAC上搭建cordova的环境 、分以下几步

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.hello HelloWorld

输入完这个命令后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 Battery Events:(网络连接插件)

$ 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上搭建cordova的环境的全部过程

IOS cordova环境搭建

标签:ios cordova环境搭建

原文地址:http://9700699.blog.51cto.com/9690699/1660415

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!