cordova HelloWorld 專案

要首先準備 ios 構建,我們需要建立 cordova 專案。讓我們通過命令列工具建立專案。

  cordova create hello com.example.hello "HelloWorld"

通過 cd hello 轉到專案目錄。

我們現在在專案目錄中,讓我們檢查哪些平臺可供我們使用

cordova platform ls

因為,我們需要準備 ios 構建,我們將 ios 平臺新增到專案中。

cordova platform add ios@version    => put the desired version you want to add.
cordova platform add ios@latest.    => add the latest version available.

現在我們在 mac 機器上需要 Xcode 來準備 ios 構建。

通過 app store 下載最新的 Xcode。請忽略 xcode 的 beta 版本,因為它們有時會出現相容性問題。

安裝 Xcode 後,通過以下命令使用終端安裝 Xcode cli。

xcode-select --install 

它將彈出視窗,請按照說明正確安裝 cli。現在我們只需要一個工具來部署 ios 構建,也可以安裝它。

npm install -g ios-deploy

在安裝部署工具期間,如果你收到許可權被拒絕錯誤,請嘗試使用 sudo 命令。

sudo npm install -g ios-deploy

讓我們使用命令準備 ios 構建

cordova platform add ios

如果你之前沒有新增平臺,請新增它。

cordova prepare => it will move the all required files to platform folder and create a .xcworkspace file in the platform.ios folder.

cordova build ios => to build the ios application.

但是等等,我們還沒有在模擬器上執行構建,讓我們也做。

你有兩種方法可以做到這一點

  1. 使用 cli

  2. 使用 Xcode

首先讓我們使用 CLI

corodva run ios => it will run the application on the default simulator available.

如果你想玩模擬器,那麼請瀏覽 cordova emulator 命令

使用 Xcode

跳轉專案資料夾並進入專案的/platform/ios folder。使用命令 open <ProjectName>.xcworkspcae 開啟檔案 .xcworkspce,例如 open MyApp.xcworkspcace.

它會將你重定向到 Xcode 視窗,在左上方的視窗中,你可以看到你的專案,單擊專案,在頂部標題上,你可以看到執行按鈕,單擊它並使用你的應用程式。

謝謝。