在移动开发日益激烈的情况下我也不得不硬着头皮尝试下新鲜的html5的app(对于我这种小菜鸡这还是很新鲜的)。
一个很重要的问题就是配置phonegap,phonegap介绍网上一搜一大把,小弟就不赘述了,现在最新的phonegap版本是2.9,
需要用命令行安装ios版本,
好了,现在我就不废话了,一步步截图给大家
第一步,下载xcode,下载phonegap(前者直接到app里面找下也可以,很方便)
下载xcode:https://developer.apple.com/xcode/
下载phonegap:http://phonegap.com/download/#
下载xcode之后安装下,phonegap先不用急,下面我们慢慢来
第二步:找到下载的phonegap的zip文件,解压,然后找到 iso 文件夹
注意:不同版本之间的ios文件夹在的位置可能有点小小差异,不过没关系,只要找到这个文件夹就可以了
第三步:打开 ios->bin->create文件(文件名可能会有些差异,不过找到带create的就可以了,以下用create代指该文件)(截图为2.9版本)
第四步:执行这个create文件,并且复制改文件地址
第五步:在桌面创建一个文件夹phonegapdemo(在什么位置创建文件夹和创建文件夹名字都是OK的,但是要注意,如果你创建文件夹位置不同,那么下面执行的命令也要对应改参数)
第六步:打开终端:
第七步:执行终端命令:
第一小步:
把上面在create复制的create地址粘贴在终端里面
第二小步:在这一段代码后面加上你要创建的文件地址,包名,项目名字,然后回车执行
Ps:因为我们上面创建的文件夹在桌面上,所以地址为~/Desktop/phonegapdemo 如果我们把phonegapdemo创建
在finder的文档之中的话,地址就为~/Documents/phonegapdemo,创建在其他地方也是一样类推。
现在我们的文件就创建好了,让我们打开xcode看下~~(红圈出来的部分就是我们可以正常写页面的位置了)
模拟器:(默认打开index页面)