PhoneGap安裝教學

最近看一本PhoneGap教學的書，里面寫的真是…讓人看不懂，只好自己慢慢試，這本書藏的東西真多，留很多手，有很多並沒有寫出來，所以自己把安裝過程寫一下囉！
我的環境在Mac OSX mountain lion

• 首先當然先安裝Xcode，直接進App Store安裝就可以了，安裝過程會有點久。
• 執行Xcode，點選上方功能選單Xcode→preferences看到這個畫面，選Downloads，記得選Components，有個Command Line Tools，選取後install安裝。

• 接下來執行終端機，這時鍵入git，應該能看到以下畫面

• 進入你可以完全控制權限的目錄，執行以下指令

git clone git://github.com/phonegap/phonegap.git

• 執行結果如下：

sh-3.2# git clone git://github.com/phonegap/phonegap.git
Cloning into 'phonegap'...
remote: Counting objects: 14017, done.
remote: Compressing objects: 100% (5051/5051), done.
remote: Total 14017 (delta 8566), reused 13077 (delta 7728)
Receiving objects: 100% (14017/14017), 256.00 MiB | 1.13 MiB/s, done.
Resolving deltas: 100% (8566/8566), done.

• 再來執行 cd ./phonegap/lib/ios
• 執行make，畫面如下

sh-3.2# make
Xcode.app: '/Applications/Xcode.app'
Using Developer folder: '/Applications/Xcode.app/Contents/Developer'

• 這時執行xcode後，執行file→new→project，會有下面畫面，多了一個Cordova-base Application的icon，這時就代表已經安裝完了

• 想試試看是否成功，可以選下一步建立一個專案，記得不要勾選Use Automatic Reference Counting
• 執行Product→Build，這時xcode左邊會顯示一個三角形的警告，顯示www目錄找不到，依照它說的解決方式，先點左邊顯示專案資料夾(左邊像資料夾的圖案show the project navigator)，將所建立的專案目錄下的www目錄自finder拉過來到專案名稱放開即可

• 執行左上角的run(像play的東西)就會看到模擬器執行的結果了

其他的平台安裝方式可參考以下網站
http://www.netmagazine.com/tutorials/getting-started-phonegap