在移動開發日益激烈的情況下我也不得不硬着頭皮嘗試下新鮮的html5的app(對於我這種小菜雞這還是很新鮮的)。 一個很重要的問題就是配置phonegap,phonegap介紹網上一搜一大把,小弟就不贅述了,現在最新的phonegap版本是2.7,
需要用命令行安裝ios版本,對於我這種買不起mac,只能用用黑蘋果的小菜雞來說,害我暈了好一會
好了,現在我就不廢話了,一步步截圖給大家
第一步,下載xcode,下載phonegap(前者直接到app里面找下也可以,很方便)
下載xcode:https://developer.apple.com/xcode/
下載phonegap:http://phonegap.com/download/#
下載xcode之后安裝下,phonegap先不用急,下面我們慢慢來
第二步:找到下載的phonegap的zip文件,解壓,然后找到 iso 文件夾
注意:不同版本之間的ios文件夾在的位置可能有點小小差異,不過沒關系,只要找到這個文件夾就可以了(截圖為2.7版本)
第三步:打開 ios->bin->create文件(文件名可能會有些差異,不過找到帶create的就可以了,以下用create代指該文件)
第四步:執行這個create文件,並且復制改文件地址
第五步:在桌面創建一個文件夾xiaosi1(在什么位置創建文件夾和創建文件夾名字都是OK的,但是要注意,如果你創建文件夾位置不同,那么下面執行的命令也要對應改參數)
第六步:打開終端:
第七步:執行終端命令:
第一小步:
把上面在create復制的create地址粘貼在終端里面
第二小步:在這一段代碼后面加上你要創建的文件地址,包名,項目名字,然后回車執行
Ps:因為我們上面創建的文件夾在桌面上,所以地址為~/Desktop/xiaosi1 如果我們把xiaosi1創建
在finder的文檔之中的話,地址就為~/Documents/xiasoi1,創建在其他地方也是一樣類推。
現在我們的文件就創建好了,讓我們打開xcode看下~~(紅圈出來的部分就是我們可以正常寫頁面的位置了)
模擬器:(默認打開index頁面)
OK了,我們大工告成,不過作為小菜雞的我表示xcode雖然可以編輯html,css,js,但是不太方便。。。。有興趣的同學可以試試其他的編輯器,反正裝上去了就表示可以在app上正常跑了,不一定要用xcode編輯哦(ps:最近用的前端編輯器是 Edge Code CC mac和win版都有,而且界面功能都差不多,可以像sublime text一樣裝各式插件,而且是免費的,可以試試哦)