使用流行的Flutter框架开始您的跨平台开发之旅。Flutter是全球移动开发者中的热门项目。该框架拥有一个庞大、友好的爱好者社区，随着Flutter帮助程序员将他们的项目带到移动设备上，该社区不断壮大。本教程旨在帮助您开始使用Flutter进行移动开发。阅读后，您将了解如何快速安装和设置框架以开始针对智能手机、平板电脑和其他平台的开发。本操作指南假定您已经在计算机上安装了AndroidStudio并且有一些使用经验。什么是颤振？Flutter使开发人员能够为多个平台构建应用程序，包括：AndroidiOSWeb（测试版）macOS（开发中）Linux（开发中）对macOS和Linux的支持处于早期开发阶段，预计Web支持将很快发布。这意味着您可以立即试用其功能（如下所述）。我使用Ubuntu18.04安装Flutter，但其他Linux发行版（例如Arch或Mint）的安装过程类似。使用snapd安装要使用Snapd在Ubuntu或类似发行版上安装Flutter，请在终端中输入以下命令：$sudosnapinstallflutter--classic$sudosnapinstallflutter--classicflutter0+git.142868ffromflutterTeam/installed然后启动它使用flutter命令。该框架在首次启动时下载到您的计算机：$flutterInitializingFlutterDownloadinghttps://storage.googleapis.com/flutter_infra[…]下载完成后，您会看到一条消息，告诉您Flutter已初始化：Flutter已初始化手动安装如果您没有安装Snapd，或者您的发行版不是Ubuntu，安装过程会略有不同。在这种情况下，请为您的操作系统下载推荐版本的Flutter。手动安装Flutter并将其解压缩到您的主目录。在您最喜欢的文本编辑器（如果您使用Zshell，则为.zshc）中打开主目录中的.bashrc文件。由于它是一个隐藏文件，您必须首先在文件管理器中启用显示隐藏文件，或使用以下命令从终端打开它：$gedit~/.bashrc并将以下行添加到文件末尾：exportPATH="$PATH:~/flutter/bin"保存并关闭文件。请记住，如果您将Flutter解压到主目录以外的其他位置，则FlutterSDK的路径会有所不同。关闭您的终端并再次打开它，以便加载新配置。或者，您可以使用以下命令使配置立即生效：$。~/.bashrc如果你没有看到错误，一切都很好。这种安装方法比使用snap命令稍微困难一些，但它非常通用，可以让您在几乎任何发行版上安装框架。检查安装结果要检查安装结果，请在终端中输入以下内容：flutterdoctor-v您将看到有关已安装组件的信息。如果您看到错误，请不要担心。您还没有为FlutterSDK安装任何IDE插件。使用doctor命令检查Flutter安装安装IDE插件您应该在集成开发环境(IDE)中安装插件，以帮助它与FlutterSDK接口、与设备交互以及构建代码。Flutter开发中常用的三个主要IDE工具是IntelliJIDEA（社区版）、AndroidStudio和VSCode（或VSCodium）。我在本教程中使用AndroidStudio，但这些步骤与它们在IntelliJIdea（社区版）上的工作方式类似，因为它们是在同一平台上构建的。首先，启动AndroidStudio。打开“设置”，转到“插件”窗格，然后选择“市场”选项卡。在搜索行中输入“Flutter”，然后单击“安装”。Flutter插件您可能会看到安装“Dart”插件的选项；同意它。如果您没有看到Dart选项，请重复上述步骤手动安装它。我还推荐使用“RainbowBrackets”插件，它使代码导航更容易。就这样！您已经安装了所有必需的插件。您可以通过在终端中输入一个熟悉的命令来检查：flutterdoctor-vCheckingFlutterpluginswiththedoctorcommand”。创建一个新的Flutter插件2.在窗口中，选择所需的项目类型。在这种情况下，您需要选择“FlutterApplication”。3.将您的项目命名为hello_world。请注意，您应该使用合并的名称，因此请使用下划线而不是空格。您可能还需要指定SDK的路径。命名新的Flutter插件4.输入包名称。您已经创建了一个项目！现在，您可以在您的设备上或使用模拟器启动它。Flutter中的设备选项选择您想要的设备，然后按“运行”。一段时间后，您将看到结果。移动设备上的Flutter演示现在您可以开始处理中间项目。尝试Flutterforweb在安装Flutter的web组件之前，您应该知道Flutter对web应用程序的支持目前非常原始。因此，将其用于复杂项目并不是一个好主意。默认情况下，基础SDK中未启用“Flutterforweb”。要打开它，请转到测试版频道。为此，请在终端中输入以下命令：flutterchannelbetaflutterchannelbetaoutput接下来，使用以下命令针对beta分支升级Flutter：flutterupgradeflutterupgradeoutput要使“Flutterforweb”工作，请输入：flutterconfig--enable-web重启IDE；这有助于AndroidStudio索引新的IDE并重新加载设备列表。您应该会看到几个新设备：Flutterforwebdeviceoptions选择“Chrome”将在浏览器中启动一个应用程序，“WebServer”将提供一个指向您的web应用程序的链接，您可以在任何浏览器中打开它。但是，现在不是仓促开发的时候，因为你现在的项目不支持Web。要改进它，请在项目的根目录下打开一个终端并键入：fluttercreate此命令会重新创建项目并添加Web支持。现有代码不会被删除。请注意，目录树已更改，现在有一个web目录：带有web目录的文件树现在您可以开始工作了。选择Chrome，然后按运行。片刻之后，您将看到一个包含该应用程序的浏览器窗口。FlutterWeb应用程序演示恭喜！您刚刚启动了一个浏览器项目，可以像使用任何其他网站一样继续使用它。全部来自相同的代码库，因为Flutter使得为移动平台和Web编写代码几乎无需更改成为可能。使用Flutter做更多事情Flutter是移动开发的强大工具，它是迈向跨平台开发的重要一步。了解它、使用它并将您的应用程序交付到所有平台！
