在下一篇文章中，我們將了解 Ionic 框架，以及如何在 Ubuntu 20.04 上安裝它。 該框架將允許用戶使用其他框架（例如 Angular）來實現項目. Ionic 是由 Drifty Co. 的 Max Lynch、Ben Sperry 和 Adam Bradley 於 2013 年創建的用於混合移動應用程序開發的完整開源 SDK。原始版本於 2013 年發布，構建於 AngularJS 和 Apache Cordova 之上。 然而，最新版本被重新構建為一組 Web 組件，其中 允許用戶選擇做 Angular、React 或 Vue.js 項目. 它還允許在沒有任何用戶界面框架的情況下使用 Ionic 組件。
離子的 提供工具和服務來開發基於現代 Web 開發實踐和技術的混合桌面、移動和漸進式 Web 應用程序. 為此，可以使用 CSS、HTML5 和 Sass 等 Web 技術。 使用這個框架，我們可以開發具有與 iOS、Android 或 Web 本身兼容的 Web 技術的應用程序。 它還提供了一個強大的 CLI 工具，我們將能夠使用它來管理和創建項目。
Ionic 的一般特性
- 這個框架是免費和開源的. 它提供了一個移動優化的用戶界面工具和組件庫，用於創建快速和高度交互的應用程序。
- Ionic 使用 Cordova， 以及最近用於訪問主機操作系統功能（例如 GPS、相機、手電筒等）的插件。
- 用戶可以創建他們的應用程序，然後為 Android、iOS、Windows、桌面（使用 Electron）或現代瀏覽器定制它們.
- 離子的 包括可移動組件、排版或可擴展的基本主題.
- 使用時 Web組件, Ionic 提供了自定義組件和方法來與之交互。 其中一個組件，虛擬滾動，允許用戶滾動瀏覽數千個項目的列表，而不會對性能產生任何影響。 另一個組件 Tabs 創建了一個選項卡式界面，支持本機風格的導航和歷史狀態管理。
- 除了SDK，Ionic還提供 開發人員可用於啟用功能的服務，例如代碼實現或自動構建。
- 還 提供自己的 IDE，稱為 Ionic Studio.
- 它還提供了一個界面 命令行 （CLI的) 創建項目. CLI 還允許開發人員添加額外的 Cordova 插件和包、啟用推送通知、生成應用程序圖標、啟動畫面和創建本機二進製文件。
在 Ubuntu 20.04 上安裝 Ionic
這個框架的安裝非常簡單。 首先，我們只需要打開一個終端（Ctrl + Alt + T）和 更新我們的系統包:
sudo apt update; sudo apt upgrade
然後我們會 安裝一些必要的包. 在同一個終端中，我們將不得不使用以下命令：
sudo apt install curl gnupg2 wget git
下一步將是 安裝NodeJS. 這個例子我已經用版本測試過 14.x. 要安裝此版本， 我們將首先添加必要的存儲庫:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
那我們可以 安裝 的NodeJS 運行另一個命令：
sudo apt install nodejs
Ionic 需要 Apache Cordova. 應該澄清的是，這是一組設備 API，允許移動應用程序開發人員使用 JavaScript 訪問設備的本機功能，例如相機或加速度計。
安裝NodeJS後，我們可以 安裝科爾多瓦 運行：
sudo npm install -g cordova
此時，我們可以繼續 使用 npm 安裝 Ionic:
sudo npm i -g @ionic/cli
安裝完成後，我們可以 使用命令檢查安裝的版本:
ionic -v
一個示例應用程序
要知道安裝是否正確完成，我們可以從創建一個小示例應用程序開始。 為此，我們只需要 運行以下命令創建示例:
ionic start
運行此命令時 您必須定義要創建的項目類型. 對於這個例子，我選擇了 Angular。 此外，您必須為您的項目命名並選擇模板。 所有這些您都必須從類似於以下的屏幕中進行選擇：
設置好後， 將使用我們為項目提供的名稱生成一個文件夾。 訪問此文件夾以查看項目結構.
至 查看項目, 在同一個終端中，我們將執行另一個命令：
ionic serve --host 0.0.0.0 --port 8000
使用此命令 我們將允許任何主機訪問端口 8000.
當你需要的一切都被加載時， 打開您的網絡瀏覽器並轉到 http://localhost:8000 o http://IP-de-tu-servidor:8000 您將看到剛剛創建的示例頁面.
Ionic 是一個現代框架，它允許我們以簡單而優雅的方式開發跨平台應用程序。 可以獲得 有關其安裝和操作的更多信息和文檔 項目網站.