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的环境的全部过程

时间: 2024-10-12 17:48:01

IOS cordova环境搭建的相关文章

sencha touch 2.3 结合cordova 环境搭建

sencha touch 2.3环境搭建必备工具 sencha touch 2.3 包sencha cmd 4.0以上JAVA JDK 1.7以上(注意JDK和JRE的区别)Ruby 1.9.3或更早版本android sdk 如果需要生成ANDROID APP 注意将jdk,ruby,sencha cmd都添加到环境变量PATH例jdk path: JAVA_HOME变量路径为C:\Program Files (x86)\Java\jdk1.7.0_67则JDK PATH为%JAVA_HOME

Appium - iOS Mac环境搭建

作者: Max.Bai 时间: 2014/10 1. iOS开发环境搭建 1.1系统要求 MacOS X 10.7 or higher, 10.9.2 recommended 1.2 xcode要求 xcode6.0(Appium 1.3), xcode5.0(Appium1.2) 1.3 Apple Developer Tools (iPhone simulator SDK, command line tools) 安装ios SDK,command line tools 2. Node js

React Native IOS ---基础环境搭建(前端架构师)

React Native -IOS 开发环境搭建 web架构(基础) 安装依赖 * 必须安装的依赖有:Node.Watchman 和 React Native 命令行工具以及 Xcode. npm 镜像 npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global Yarn.React Native 的命令行工

从头来之【图解针对虚拟机iOS开发环境搭建】

1.下载Mac OSX10.9. 点击下载 2.下载VMware Workstation 10,点击下载,网页中包含序列号.安装VM. 3.VM10-MacOS补丁.用于创建苹果虚拟机. 安装VM就不上图了. 下面创建苹果虚拟机开始上图. 1.安装完成VM后,先安装[VM10-MacOS补丁].解压下载好的文件,打开[windows]文件夹中的[install]安装补丁.这样我们才能在图4中看到有[Apple mac osx(m)]选项. 然后打开并点击左上角[文件]弹出下列对话框,单机新建虚拟

cordova环境搭建,搭建项目,以及拍照功能的实现

一.配置环境 1.配置java环境: 下载对应系统环境的jdk:http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html 安装jdk并配置环境变量 2.配置android环境: 准备android开发工具: 64位系统解压:adt-bundle-windows-x86_64-20140702.zip 32位系统解压:adt-bundle-windows-x86-20140702.zip 配置环境变量

WebStorm 之 Cordova 环境搭建

Cordova 环境配置之前,应先下载安装 Node.js ,中文官网:http://nodejs.cn/. 以管理员身份运行 cmd 命令行工具: 1.查看 Node.js 是否已安装成功,命令为:node -v 2.查看 npm 是否已安装,命令为:npm -v 3.Cordova 安装,命令为:npm install -g cordova 如果慢,可以修改镜像,再进行安装. npm config set registry http://registry.cnpmjs.org npm inf

跨平台移动开发phonegap/cordova 4 ios 开发环境搭建

很多人使用的是windows,所以这里使用了虚拟机技术 操作系统建议win7 64位 推荐配置.CPU i7,内存8G,推荐16G,硬盘SSD 240G,显卡没有要求 如图 1.    下载安装VMwareWorkstation 10 打开如下网站下载JDK 2.    安装macosx 10.9 下载地址与安裝方法參考如下网址 点击打开链接 点击打开链接 3.    安装Xcode 启动Mac OSX 10.9 全屏显示 虚拟机配置如图 打开App Store(如果没有帐号请自行注册) 搜索X

Android开发学习--Ionic+Cordova 环境搭建

我们看 Ionic 能给我们提供什么?  一个样式库,你可以使用它 来 装饰你的 HTML 网页 ,看起来 想 移动程序的 界面,什么 header .content.footer.grid.list.这貌似没什么 实质性的东西, sencha touch ,jq 都能提供 .一个用 AngularJS 写的 工具库,姑且叫它 组件库吧.Ionic的 grid 设计的比较合理,比 bootstrap的 更强大.当然它 还包含 了angular-animate.angular-resource.a

WebStorm Cordova 环境搭建

一.软件安装 1.nodejs 2.npm 3.Cordova 如果慢,可以修改镜像,再进行安装. npm config set registry http://registry.cnpmjs.org npm info underscore npm install -g cordova 安装成功后做版本查看测试 4.ionic 版本查看 5.Java 6.ant 7.Andorid环境安装 path环境变量添加:D:\Program Files\Android\Android\Sdk\andro