安裝或設定
1.使用 npm(節點包管理器)安裝 Ionic Framework 和 Cordova(因為 Ionic 應用程式基於 Cordova):
確保你的系統上安裝了最新版本的 Node.js. 如果你沒有安裝 Node.js,可以從此處安裝。
此外,對於 Mac 使用者,在系統上安裝了最新的 Xcode 版本,可以在此處下載命令列工具和 iOs Simulator。
開啟終端視窗(Mac)或命令視窗(Windows),然後安裝 Cordova 和 Ionic:
$ npm install -g cordova ionic
在 Mac 上,你可能必須使用 sudo,具體取決於你的系統配置:
$ sudo npm install -g cordova ionic
如果你的計算機上已安裝 Cordova 和 Ionic,請確保更新到最新版本:
$ npm update -g cordova ionic
要麼
$ sudo npm update -g cordova ionic
按照 Android 和 iOS 平臺指南安裝所需的平臺依賴項。
注意:iOS 開發需要 Mac OS X.通過 Ionic CLI 的 iOS 模擬器需要 ios-sim npm 軟體包,可以使用以下命令安裝:
$ sudo npm -g install ios-sim
2.開始一個新的離子專案:
使用現成的應用程式模板之一建立一個 Ionic 專案,或者使用空白模板建立一個新的。
$ ionic start myApp blank
要麼
$ ionic start myApp tabs
要麼
$ ionic start myApp sidemenu
3.測試 Ionic 應用程式:
要在 iOS 和 Android 平臺上的桌面瀏覽器中測試你的 Ionic 應用程式:
$ ionic serve --lab
雖然 ionic serve --lab
非常適合在多個平臺上測試應用程式 UI,但它可能會導致 Javascript 控制檯或元素檢查出現問題,在這種情況下你可能更喜歡它:
$ ionic serve
要在模擬器中測試你的 Ionic 應用程式:
$ cd myApp
$ ionic platform add ios android
$ ionic build ios
$ ionic emulate ios
用 android 代替 ios 進行 Android 模擬器測試:
$ ionic build android
$ ionic emulate android
要在通過 USB 連線的 Android 裝置中測試你的 Ionic 應用:
$ ionic run android
要在通過 USB 連線的 iOS 裝置中測試你的 Ionic 應用程式:
$ ionic run ios --device