phonegap 2.7 ios配置安裝詳細教程（2.9通用）

標籤：des   style   blog   http   color   strong   

原地址：http://www.cnblogs.com/yansi/archive/2013/05/14/3078222.html

?

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