離子框架簡介和安裝與設定

離子框架

使用 Angular JS 和前端 Web 技術的跨平臺移動應用程式開發框架。

官方網站 ： http ： //ionicframework.com/

文件 ： http ： //ionicframework.com/docs/

安裝和設定

安裝離子需要 NPM（節點包管理器）和 Cordova。

你可以從這裡下載並安裝 Npde JS，它帶有 NPM 開箱即用。

要下載 Apache Cordova，你可以從命令列使用 NPM

npm install -g cordova

如果你已經擁有 NPM 和 Cordova，則可以使用以下命令從命令列安裝離子框架。

npm install -g ionic

這將安裝和設定離子框架，以便你從命令列使用它。

注意*根據你的系統環境，你可能需要使用管理員許可權執行。

開始一個新專案

要啟動新的 Ionic Framework 專案，你可以使用以下命令

ionic start myproject

要麼

ionic start myproject [template_name]

模板：

Ionic 允許你使用一些內建模板建立專案

tabs（預設）：這將建立一個帶標籤檢視的簡單應用程式。

sidemenu：這將建立帶側邊選單的離子應用程式。

blank：將建立一個空白離子應用程式。

這將建立一個名為 myproject 的新資料夾，其中包含所有離子專案檔案。

要在瀏覽器中測試專案，可以使用以下命令

ionic serve --lab

要麼

ionic serve

執行模擬要首先在模擬器或手機上執行或測試應用程式，你必須新增平臺，你可以使用以下命令

ionic platform [Platform Name]
ionic build [Platform Name]
ionic emulate [platform name]

平臺名稱你可以直接提到各個平臺的 android 和 ios，你可以提到多個平臺名稱，也用空格分隔。

要執行你的應用程式，你可以使用

ionic run [platform name]

如需幫助，請使用

ionic --help

要麼

ionic help

有關離子 cli 的詳細說明，請參閱此連結 。

有關離子中可用的 CSS 元件，請參閱此連結 。

有關離子的 Javascript API 參考，請參閱此連結 。

為了更快地開發離子，你也可以嘗試使用離子 Playground 。

離子框架好運…