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设备运行您的应用程序。

？屏幕截图

请参阅下面可以更好地了解此应用程序！