五种主流多端开发框架的深度比较

2022年最佳的跨平台开发框架是什么？目前市场上有很多专门从事跨平台开发的框架，那么哪一种更适合开发者呢？作者特别总结和比较了不同框架的特点。

在国内外，作者选择了用友统软云团队开发的RN、Flutter、Ionic、NativeScript和AVM共五个主流评估对象。

目前，Flutter最受欢迎，RN紧随其后。企业的具体应用场景和领域也取决于。AVM、Ionic和NativeScript也被许多企业和个人开发者广泛使用。

1、 安装环境和开发工具的比较。任何框架的安装环境都表示该框架对新手是否友好。因此，作者从安装环境和开发工具中引入了不同的框架，以比较新人的成本和门槛。作者是MacOS用户，以下全文描述了Mac下的开发环境和工具。

1.1反应本机

RN是一个跨平台移动app开发框架，于2015年4月由Facebook开源。它已经开发了六年多。最新版本为0.66。一个小版本将于2011年12月10日发布。总体而言，该框架仍然非常可行。官方网站：

让我们来看看安装环境和开发工具。从最新的官方网站上，我们可以看到，刚开始很方便。您只需要在本地安装Nodejs版本12或更高版本。然后我们可以借助官方网站推荐的世博会工具，快速构建当地的发展环境。因为作者是MacOS用户，并且之前安装过Xcode，所以整个安装过程很顺利。

首先，安装Nodejs的命令行工具：

Yarn全局add expo-cli没有提到源代码的配置。如果速度慢，您可以切换国内纱线来源。安装完成后，您可以直接使用它

Expoinit AwesomeProject安装项目，然后进入项目实施

Yarn start将重新安装expocli，然后在本地启动项目。打开开发人员的浏览器界面，如下所示。在左侧，您可以看到本地expos调试控制台已打开。选择本地LAN网络，然后单击在iOS模拟器上运行以启动本地iPhone 8设备。然后您可以看到当前界面。在右侧，您可以看到本地生成的模板代码。

作者使用vscode作为编辑工具，这也是官方推荐的。使用脚手架生成的目录类似于正常的React项目。该条目在App中。tsx文件支持修改后的hotRload。前端开发的整个过程并不高。至少在调试和开发阶段之前，如果只涉及UI编写，您可以在配置之后直接开始工作。

1.2颤振

Flutter自诞生以来已有3年多的时间（v1.0于2018年发布）。这是一个由谷歌推动的跨端开发框架。与RN不同，它使用Dart而不是JavaScript作为开发语言。官方网站位于：

近年来，它发展迅速。所有主要公司都介绍了他们的主要业务，包括作者所在的公司，该公司使用Flutter开发UI。作者将简要介绍Flutter的开发环境和工具。

首先，您必须下载并安装完整的Xcode和Xcode开发工具开发工具。默认情况下，每个人都安装了它们。稍后我不再重复。

您需要先下载Flutter SDK：

解压缩SDK后，设置相应的SDK环境变量地址：

cd~/developmentunzi~/Downloads/flatter_macos_vX.X.X-stable。zipexport PATH=“$PATH:`pwd`/futtel/bin”如果您在过程中遇到问题，可以使用颤振医生查看问题并进行修复。如果出现错误或缺少环境，系统将提示您如何修改它，这很方便。

如果颤振医生未报告错误，则颤振命令行的安装完成。让我们看看开发经验。

首先，作者使用vscode进行开发，需要安装官方推荐的vscode插件。您可以直接在插件市场搜索Flutter安装，然后可以通过插件创建一个新的Flutter项目。

在本地配置相应的iOS模拟器，单击vscode左侧的调试按钮选择相应的模拟器，然后可以直接开发和调试。

截图是作者制作的一个小app项目。目录结构也相对简单。主要的镖靶是港口