安裝或設定

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

按照 AndroidiOS 平臺指南安裝所需的平臺依賴項。

注意: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