ionic first app

分配4

該項目是用於對移動應用程序使用datePicker使用的實際用法。用離子框架在ReactJ的力量內建造。

⚒怎麼辦？

為了開發具有離子框架的移動應用程序，我們在開始之前有幾件事要做。讓我特別描述每個步驟；

• 節點環境設置
• 離子設置
• 發展
• 調試和構建

節點環境設置

對於OSX環境，您可以在使用以下命令的使用中安裝節點環境

 $ brew update
$ brew install node

如果您不在OSX環境中或尋找更高級的安裝，則遵循本文。

？離子設置

以下命令將為您安裝離子框架

 $ npm install -g @ionic/cli

如果它對您不起作用，則可以隨時檢查官方文檔。

發展

要創建一個新的離子應用程序，下面的命令將為您工作！

 $ ionic start <app name> <template: tabs | sidemenu | blank>

我更喜歡前端側的React框架。您可能更喜歡另一個支持的框架。

由於這是一個頁面應用程序，因此主頁和ExploContainer的預發組件對我們來說效果很好！為了創建我們所有的邏輯，我們使用打字稿。對於UI側，我們提供了來自離子成分的大量溶液。要更好地了解該項目，請檢查以下文件。

• home.tsx
• explorecontainer.tsx

？調試和構建

我們已經在瀏覽器上的本地計算機上運行了應用程序，但是如果我們想在模擬器或真實的手機上檢查它，該怎麼辦？ Ionic正在將電容器用於這項工作。您不需要安裝另一個來源即可完成此操作，Ionic將其帶入！

要使用模擬器Xcode和所有必需品，都需要安裝Android Build Android Studio和SDK

 $ ionic capacitor build ios

上面的命令將詢問您要仿真的設備，然後將所選iOS設備運行您的應用程序。

？屏幕截圖

請參閱下面可以更好地了解此應用程序！