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.
但是等等,我們還沒有在模擬器上執行構建,讓我們也做。
你有兩種方法可以做到這一點
-
使用 cli
-
使用 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 視窗,在左上方的視窗中,你可以看到你的專案,單擊專案,在頂部標題上,你可以看到執行按鈕,單擊它並使用你的應用程式。
謝謝。