cordova創建第一個iOS程序實例

本文爲自己整理的cordova創建第一個iOS程序相關步驟：

注：前提是已經安裝好cordova環境。

第一步：進入你準備創建cordova的路徑（目錄）

cd 你的目錄 

第二步：創建cordova項目

cordova create maple com.example.maple MapleWorld

參數解釋：

maple -> 文件夾的名字

com.example.maple -> 程序id名，類似於xcode創建時選擇的Bundle。後期可以在config.xml中修改

MapleWorld -> app顯示的名稱，後期可以在config.xml中修改

成功的標示爲出現以下內容：

Creating a new cordova project.

第三步：添加iOS支持平臺

cordova platform add ios

成功的標示爲出現以下內容：

Adding ios project...

Creating Cordova project for the iOS platform:

Path: platforms/ios

Package: com.example.maple

Name: MapleWorld

iOS project created with [email protected]

Discovered plugin "cordova-plugin-whitelist" in config.xml. Adding it to the project

Fetching plugin "cordova-plugin-whitelist@1" via npm

Installing "cordova-plugin-whitelist" for iOS

第四步：成功之後，選中運行程序

完成後可以看到platforms文件夾下面增加了以下路徑：

|--platforms

||--platforms.json

||--ios/

|||--cordova/

|||--CordovaLib/

|||--ios.json

|||--MapleWorld/

|||--platform_www/

|||--www/

|||--MapleWorld.xcodeproj

 

可直接打開MapleWorld.xcodeproj工程在Xcode中進行編譯和運行

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

給項目添加cordoba-plugin-console插件：目的是可以在 Xcode的console打印輸出

（1）在“終端”中進入項目文件夾
（2）輸入如下命令：

cordova plugin add cordova-plugin-console