跳到主要內容
版本:v8

安裝 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

Three thumbnail previews of Ionic app templates: blank, tabs, and side menu.

若要深入了解如何啟動 Ionic 應用程式,請參閱開始指南

執行應用程式

大部分的 Ionic 應用程式開發都可以在瀏覽器中使用 ionic serve 命令完成

$ cd myApp
$ ionic serve

還有許多其他執行應用程式的方式,建議從此工作流程開始。若要在裝置和模擬器上開發和測試應用程式,請參閱執行應用程式指南