码迷,mamicode.com
首页 > 其他好文 > 详细

Mac 配置 PhoneGap 3.x 开发环境

时间:2014-09-25 20:25:37      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:phonegap   ios   xcode   环境   

公司最近再弄PhoneGap 项目 整理了一些资料,以备忘

PhoneGap 3.0 之前的版本 都是可以在官方网站上下载的, 3.0 之后的版本 需要使用 NodeJs 来安装, 光这一点都折腾了2小时,避免大家走弯路

目前PhoneGap 已经推出了 3.5版本了, 集成了各种插件,想试水的朋友尽快操刀吧

本机的系统是OS X 10.9.2 Xcode 5.1

一、安装NodeJS

NodeJS网站下载pkg安装包双击安装。

二、安装PhoneGap

这步比较容易,用npm安装

$ sudo npm install -g phonegap

三、创建PhoneGap工程

$ phonegap create my-app --name myApp --id com.example.myApp
$ cd my-app

可以看到my-app目录中有merges/ platforms/ plugins/ www/四个子目录。

www目录中存放的是HTML/JS/CSS,以及一个res子目录。其中res目录存放多个平台的图标与启动画面。

platforms目录目前是空的,建立多个平台的工程时会在此目录中新增相应的工程目录。

plugins目录目前是空的,新增插件的时候会下载到此目录中。

四、创建for iOS的工程

$ phonegap build ios

五、用Xcode编译制作安装包

进入platforms/ios/,用Xcode打开myApp.xcodeproj进行编译安装


Mac 配置 PhoneGap 3.x 开发环境

标签:phonegap   ios   xcode   环境   

原文地址:http://blog.csdn.net/gavin_luo/article/details/39553315

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