安裝 Ionic
Ionic 應用程式主要是透過 Ionic 命令列工具來建立和開發的。Ionic CLI 是首選的安裝方法,因為它提供了廣泛的開發工具和輔助選項。它也是執行應用程式並將其連接到其他服務(例如 Appflow)的主要工具。
使用我們的應用程式精靈以視覺化方式產生 Ionic 專案。選擇一個範本、自訂顏色、應用程式圖示和 JavaScript 框架,以便更快地開始建置。
安裝 Ionic CLI
在繼續之前,請確保您的電腦已安裝 Node.js。請參閱這些指示來設定 Ionic 的環境。
使用 npm 安裝 Ionic CLI
npm install -g @ionic/cli
如果之前有安裝過 Ionic CLI,則需要解除安裝,因為套件名稱已變更。
$ npm uninstall -g ionic
$ npm install -g @ionic/cli
注意
-g
選項表示全域安裝。當全域安裝套件時,可能會發生 EACCES
權限錯誤。請考慮設定 npm 以在沒有提高權限的情況下全域運作。請參閱解決權限錯誤以取得更多資訊。
啟動應用程式
使用預先製作的應用程式範本之一或空白範本來建立 Ionic 應用程式,從頭開始。最常見的三種起始範本是 blank
起始範本、tabs
起始範本和 sidemenu
起始範本。使用 ionic start
命令開始。
ionic start
若要深入了解如何啟動 Ionic 應用程式,請參閱開始指南。
執行應用程式
大部分的 Ionic 應用程式開發都可以在瀏覽器中使用 ionic serve
命令完成
$ cd myApp
$ ionic serve
還有許多其他執行應用程式的方式,建議從此工作流程開始。若要在裝置和模擬器上開發和測試應用程式,請參閱執行應用程式指南。