📜  如何在 Windows 上安装Flutter ?

📅  最后修改于: 2022-05-13 01:57:04.696000             🧑  作者: Mango

如何在 Windows 上安装Flutter ?

Flutter基本上是 Google 的可移植用户界面 (UI) 工具包,用于从单个代码库构建和开发引人注目的本地构建的移动、桌面和 Web 应用程序。 Flutter是免费的、开源的,并且与现有代码兼容。由于其用户友好的界面和相当简单但中肯的命令,它被世界各地的公司和开发人员使用。

在本文中,我们将研究在 Windows 上安装Flutter的过程。

在 Windows 上安装Flutter :

按照以下步骤在 Windows 上安装Flutter :

第 1 步:导航到您网页上的flutter.dev。在顶部菜单栏上,选择Docs > Get Started > Install > Windows

颤振入门页面选择您的操作系统

第 2 步:检查系统要求。此后,您可以开始安装。

根据官方文档对颤振的系统要求\

如果尚未安装最新版本的 Windows PowerShell 5.0 和适用于 Windows 的 Git,您可以获得详细的安装过程。

第 3 步:在 Windows 上安装 Git 后重新启动系统。完成后,让我们开始安装Flutter软件开发工具包(Flutter SDK)。单击最新版本的下载链接(截至今天)。

颤振下载页面

Flutter SDK 是一个工具,它不仅可以让我们创建flutter项目,还可以构建这些项目并将它们转换为原生移动应用程序。简单来说, Flutter SDK 是构建flutter UI 的核心工具。

下载 zip 文件后,将“flutter”文件夹(拖放)解压缩到您获得读写访问权限的系统的任何路径/目录。通常,由于权限问题,最好在系统驱动器之外的单独目录中创建一个新文件夹(在我的情况下,目标目的地是D: > development > flutter )。

解压颤振文件夹

现在双击“flutter”文件夹。转到“flutter_console.bat”文件并双击以打开命令提示符窗口。它应该看起来像这样:

颤振控制台

这个控制台实际上是一个 Windows 终端,可供开发人员运行flutter命令。输入“flutter”以获取所有可以运行的flutter命令的列表。

在颤振控制台中列出颤振命令

虽然有一个终端来执行flutter命令和创建项目是相当不错的,但将我们所有的flutter项目存储在我们系统的其他地方以便于访问仍然会更好、更方便。让我们继续前进的下一步!

第 4 步:检查和编辑环境变量以进行全局系统访问。为此,请在flutter安装页面的官方文档页面上向下滚动到“更新您的路径” 。为此,请转到控制面板 > 系统和安全 > 系统 > 高级系统设置 > 环境变量...。显示可用环境变量列表的对话框将出现在您的屏幕上。

环境变量是存在于根级别的全局系统变量,有助于配置 Windows 的各个方面。我们现在将flutter工具添加为环境变量以供直接访问(而不是运行 .bat 可执行文件),并在系统的整个 PowerShell 和命令提示符上解锁它。

为此,请浏览以下步骤:

  • 检查用户变量列表下的“路径”变量。如果不存在,则创建一个新变量('New...')并将' flutter\bin '目录分配为其值。
  • 现在双击“路径”变量并通过双击下面的列来添加一个新条目。它应该看起来像这样:

为颤动设置路径

  • 在路径中,复制flutter\bin文件夹的整个目录并粘贴。单击“确定”两次以完成设置。现在,请确保您已关闭所有打开的现有命令提示符/Windows PowerShell 窗口。

现在,检查是否可以全局访问您的flutter框架。为此,请打开任何终端(例如命令提示符)并输入“ flutter ”,然后查看是否获得与之前从 .bat 终端获得的命令列表相同的命令列表。如果是,则您已成功完成在系统的根级别上设置flutter 。如果没有,您不妨考虑再次重新运行设置。

颤动的cmd命令

第 5 步:现在,您必须分析并检查是否缺少某些东西/是否需要进一步安装。为此,在命令提示符终端下,输入“ Flutter Doctor ”以检查其他要求。

扑医生

(由于我的电脑上已经安装了一个版本,下面是之前版本的图,帮助大家了解flutter Doctor分析后出现的“错误”。)

检查是否安装了android studio

根据flutter医生检查,我们的系统安装成功了flutter ,但是缺少Android工具,Android Studio也没有。我们还看到也没有连接的设备。最终,下一步是在您的设备上设置 Android 工具,以执行您构建的flutter应用程序。

第 6 步:为 Android 设备设置 Android 工具和模拟器。

第一步是下载并安装 Android Studio。为此,请导航到 Android Studio 的官方页面,然后单击“下载 Android Studio ”。

安卓工作室主页

接受许可协议后,您就可以开始了!单击最后的下载按钮开始下载。

Android Studio 协议条款

下载完成后,我们进行下一步,即安装。

在“组件”下,确保选中 Android Studio 和 Android Virtual Device,然后才能继续。 Android Virtual Device 是运行各种类型和大小的 android 模拟器以测试您的flutter项目的必备工具。此后,单击“下一步”。

选择要在 Android 工作室上安装的组件

选择要安装文件的目录。建议选择系统驱动器以外的其他路径。完成后,单击“下一步”。

选择android studio的安装位置

最后,点击“安装”。等待几秒钟以完成安装。选中“启动 Android Studio ”旁边的框。点击“完成”。

等待 Android Studio 在您的计算机上启动。在主屏幕上,单击下一步 > 自定义 > 下一步

欢迎仪表板安卓工作室Android studio 安装类型

对于下一步的Java开发工具包位置,建议保留它需要的默认路径,避免麻烦。在下一步中,为 Android Studio 选择您想要的 UI 外观。单击“下一步”。

下一步有点重要。请记住准确地选中所需的框,如下所示。如果已经安装了套件,您可以忽略这些并继续。单击“下一步”。为 Android SDK 设置所需的文件夹。

设置 SDK

完成后,单击“完成”。 Android Studio 现在将安装执行flutter项目所需的所有必要的 android 工具。这可能需要很长时间——最好等待!

为windows的Android studions下载组件

现在,我们准备在 Android Studio 上创建和构建flutter项目,并在真实或虚拟的 Android 设备(模拟器)上运行它。

第 6 步:将 SDK 设置为环境变量,以便全局访问。

现在,打开命令提示符终端并再次运行“flutter医生”。如果您在 Android Studio 建议的默认目录中安装了 Android SDK,则不会出现任何问题。但是,如果您将其安装在非默认目录中, flutter将无法在您的系统中检测到它。为了帮助它做到这一点,你猜对了……我们会将它分配为环境变量,提供全局访问权限

如前面第 4 步中所述,转到环境变量并单击“新建”,然后执行以下操作(按照flutter医生的建议)。单击“确定”。

将 SDK 设置为环境变量

第 7 步:接受所需的 Android 许可证。

在命令提示符终端上,输入:

flutter doctor --android-licenses

按照flutter医生的建议。点击输入。要查看许可证,请键入“ y ”作为“是”。

您将看到几个重复的提示,如下所示:

Accept? (y/N):

在需要时输入“ y ”。

最后,在接受所有许可协议后,您应该会看到如下所示的消息:

All SDK package licenses accepted

第 7 步:设置 Android 模拟器。

您可以选择使用 Android 设备或 Android 模拟器来构建您的应用程序。这完全取决于你。

要设置 Android 设备,请浏览官方文档页面并按照所述的确切步骤进行操作。按照链接下载 Google USB 驱动程序并按照给出的说明进行安装。这也可以通过 Android Studio 安装,稍后您可以将其连接到真正的 Android 设备以构建应用程序。

设置安卓模拟器。

要设置 Android Emulator,您需要执行以下步骤:

  • 打开安卓工作室。
  • 在最顶部的菜单栏上,单击工具 > SDK 管理器。
  • 验证您是否安装了最新的 SDK。请记住通过选中左侧的框来安装最新的稳定版本。
    就我而言,它是“ Android 9.0 (Pie) ”。您甚至可以取消选中最新版本(如果不稳定),不仅可以节省空间,还可以在稳定版本本身上运行所有应用程序。
  • 在“ SDK 工具”选项卡下,不要忘记检查 Google USB 驱动程序以便稍后连接真正的 Android 设备。这样,单击“应用”。单击“确定”开始 SDK 安装。
    这可能需要几分钟才能完成。设置完成后,单击“完成”。您的设置现已完成!
  • 要首先查看您的 Android 模拟器,请打开 Android Studio。转到工具 > AVD 管理器。出现一个对话框。

在 Android Studio 上创建虚拟设备

  • 单击“创建虚拟设备... ”,根据您的喜好选择设备及其尺寸,选择系统映像,最后,在所有默认设置下,单击“完成”。单击“▶”按钮启动您的模拟器。

创建虚拟设备

给你!您现在拥有一个功能齐全的flutter框架,其中包含设备/模拟器来构建您漂亮的应用程序。疯了!