phonegap 2.7 ios配置安裝詳細教程


    在移動開發日益激烈的情況下我也不得不硬着頭皮嘗試下新鮮的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一樣裝各式插件,而且是免費的,可以試試哦)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM