首先什么是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的环境的全部过程