使用Phonegap/Cordova編寫跨平臺(Android/iOS)應用 (2) -- iOS篇

1. 先在xCode上安裝 Command Line Tool. 具體能夠在 Preference -> Downloads -> Components -> Command Line Tools. 選擇並安裝便可。

2. 若是你的terminal不能運行 npm，那先得安裝 Node.js。http://nodejs.org/download/  要下載 "Macintosh Installer (node-v0.10.29.pkg)". 不要下載「Mac OS X Installer (.pkg) Universal」，由於這個包會報「No software to be installed」的錯。

3. 在命令行terminal利用 npm安裝 Cordova

sudo npm install -g cordova

4. 開始創建第一個Hello的應用：

$ cordova create hello com.example.hello HelloWorld -d

-d 是爲了在過程當中能輸出信息。

以後，在你運行上面這條命令的路徑下，就會創建一個"hello"的目錄。在hello目錄下有一個 "www"的目錄，將是你應用的hompage的目錄。

執行命令，爲hello添加iOS的平臺支持

$ cordova platform add ios

執行成功後，在 hello/platforms/下面就會多了一個ios的目錄了。

運行下面命令build項目

$ cordova build

一堆信息事後，最後出現"BUILD SUCCEEDED"

以後，就能夠，在xCode中打開該項目。選擇"platforms/ios/HelloWorld.xcodeproj"文件打開。

在 xCode中運行該項目，就能夠在simulator中看到了：