如何在 Windows 10 上安装和配置 Flutter SDK

Flutter 是一个免费开源的 UI 框架，于 2017 年发布，最初由 Google 开发。 Flutter 使开发人员能够仅使用一个代码库创建跨平台应用程序。 对于开发人员来说，它是一款出色的工具，因为它可以极大地加速应用程序开发、降低成本并使跨平台应用程序更新更容易。

这些平台包括当今使用的所有主要平台，例如：

  • 安卓。
  • IOS。
  • 视窗。
  • 苹果电脑。
  • Linux。

值得注意的是，Flutter 非常适用于 Android 和 iOS 移动应用程序以及 Web 和桌面应用程序。 时至今日，Flutter 对 MacOS 和 Linux 的支持仍在 beta.

本文展示了如何在 Windows 10 上安装和配置 Flutter SDK。

预安装要求

  • 已安装 Windows 10 操作系统（Flutter 将在 Windows 7 SP1 及更高版本上运行）。
  • 至少 1.65 GB 的可用磁盘空间（如果尚未安装其他工具和 IDE，则需要额外的可用存储空间）。
  • Windows Powershell 5.0 或更高版本。
  • 适用于 Windows 2.0 或更高版本的 Git（可选）。
  • 已安装 Android Studio。
  • 带有 C++ 的 Visual Studio 2022（可选）。

如何在 Windows 10 上安装和配置 Flutter SDK

满足所有要求后，您就可以开始安装和配置 Flutter SDK。 在今天的教程中，您将安装 Flutter SDK 的固定安装，而不使用 Git。

第一步：下载 Flutter SDK

下载 通过点击网页上的以下按钮获取 Flutter SDK 包。

第 2 步：提取文件

解压下载的 zip 文件并将其移动到您要安装 Flutter SDK 的所需位置。 请勿将其安装在需要提升权限的文件夹或目录中（例如 C:Program Files），以确保程序正常运行。 对于本教程，它将存储在 C:developmentflutter 中。

步骤 3：更新 Windows PowerShell 的路径变量

接下来，您需要更新 Path 环境变量以在 Windows 控制台 PowerShell 和命令提示符 (CMD) 中运行 Flutter 命令。 首先，单击开始按钮并键入要搜索的内容，然后单击 为您的帐户编辑环境变量.

在用户变量下，单击并突出显示 小路. 点击 编辑.

在下一个屏幕上，单击 新的 并将完整路径添加到您的 flutterbin 目录。 对于本指南，如下所示。 在两个窗口上单击 OK 以启用在 Windows 控制台中运行 Flutter 命令。

第 4 步：确认已安装的运行 Flutter 的工具

在 CMD 中，运行 flutter doctor 命令以确认已安装的工具以及简要说明。

C:Userstomz>flutter doctor Running "flutter pub get" in flutter_tools... 8,9s Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, 2.10.4, on Microsoft Windows [Version 10.0.19041.746], locale en-US) [X] Android toolchain - develop for Android devices     X Unable to locate Android SDK.     Install Android Studio from: https://developer.android.com/studio/index.html     On first launch it will assist you in installing the Android SDK components.     (or visit https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions).     If the Android SDK has been installed to a custom location, please use     'flutter config --android-sdk' to update to that location.  [√] Chrome - develop for the web [X]] Visual Studio - develop for Windows      X Visual Studio not installed; this is necessary for Windows development.    	Download at https://visualstudio.microsoft.com/downloads/.    	Please install the "Desktop development with C++" workload, including all of its default components [!] Android Studio (not installed) [√] Connected device (2 available) [√] HTTP Host Availability  ! Doctor found issues in 3 categories.

可见，仍然需要安装几个组件才能完成安装。

第 5 步：下载并安装 Android Studio

继续下载 Android Studio。 在设置中，除非您有特定要求，否则您可以在所有屏幕上单击下一步，保留默认设置。 确保在选择组件屏幕上选择了 Android 虚拟设备选项，以便您可以运行 Android 模拟器以进行 Android 应用程序开发。

之后，Android Studio 设置向导将启动，您可以通过单击继续 下一个.

在安装类型屏幕上，选择自定义并单击 下一个.

选择安装位置或保留默认路径，点击 下一个.

选择您的 UI 主题并单击 下一个.

选择您的 SDK 组件并单击 下一个.

验证选择并单击 下一个.

在下一个屏幕上，接受许可协议并单击 结束.

将开始下载组件并安装 Android Studio。 完成后，点击 结束.

安装完成后，启动 Android Studio。 在左侧，单击 插件. 搜索 Flutter 并点击 安装 安装 Flutter 插件。

它还会提示您安装 Dart，这是一种用于创建 Flutter 应用程序的编程语言。 点击 安装 在提示下。

最后，点击 重启IDE 以便应用插件更改。 点击 重新开始 在提示时确认此操作。

之后，运行颤振医生CMD 中的命令以确认 Android Studio 安装。

C:Userstomz>flutter doctor Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, 2.10.4, on Microsoft Windows [version 10.0.19041.746), locale en-US) [!] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1)     ! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses [√] Chrome - develop for the web [X] Visual Studio - develop for Windows     X Visual Studio not installed; this is necessary for Windows development.       Download at https://visualstudio.microsoft.com/downloads/.       Please install the "Desktop development with C++- workload, including all of its default components [√] Android Studio (version 2021.1) [√] Connected device (2 available) [√] HTTP Host Availability  ! Doctor found issues in 2 categories.

Android Studio 已成功安装，但发现 Android 许可证存在问题。 这个问题相当普遍，可以通过在 CMD 中运行以下命令来缓解。

flutter doctor --android-licenses

询问时输入 是的 所有提示，接受许可证。

C:Userstomz>flutter doctor --android-licenses 5 of 7 SDK package licenses not accepted. 100% Computing updates... Review licenses that have not been accepted (y/N)? y

再次运行颤振医生命令显示问题已解决。

C:Userstomz>flutter doctor Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, 2.10.4, on Microsoft Windows [Version 10.0.19041.746], locale en-US) [√] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1) [√] Chrome - develop for the web [X] Visual Studio - develop for Windows     X Visual Studio not installed; this is necessary for Windows development.       Download at https://visualstudio.microsoft.com/downloads/.       Please install the "Desktop development with C++" workload, including all of its default components [√] Android Studio (version 2021.1) [√] Connected device (2 available) [√] HTTP Host Availability  ! Doctor found issues in 1 category.

第 6 步：安装 Visual Studio（可选）

上面的输出还显示没有安装 Visual Studio。 除非您想使用 Flutter 进行 Windows 桌面开发，否则不需要 Visual Studio。

如果你需要使用它，你可以 使用 C++ 下载 Microsoft 的 Visual Studio 2022. 下载 VisualStudioSetup.exe 文件后，将其打开并通过同意所有默认安装选项继续安装。 此安装需要至少 20 GB 的可用磁盘空间。 安装完成后，在cmd中运行flutter doctor命令确认Visual Studio安装。

C:Userstomz>flutter doctor Doctor summary (to see all details, run flutter doctor -v):   [√] Flutter (Channel stable, 2.10.4, on Microsoft Windows [Version 10.0.19041.746], locale en-US) [√] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1) [√] Chrome - develop for the web [√] Visual Studio - develop for Windows (Visual Studio Community 2022 17.1.3) [√] Android Studio (version 2021.1) [√] Connected device (2 available) [√] HTTP Host Availability  • No issues found!

至此，Flutter 项目的所有工具都准备就绪，可以用于开发 Flutter 应用了。 根据您的需要，您可以在 Android Studio 或 Visual Studio 中启动您的项目。

包起来

本文介绍了 Flutter SDK 在 Windows 10 操作系统上的分步安装和配置。 Flutter SDK 继续广泛用于移动、桌面和 Web 应用程序开发。
如果您的业务需要使用 Flutter SDK，Liquid Web 有大量的 Windows 托管选项，包括我们的专用服务器。 您可以随时联系我们的销售团队，了解更多关于我们产品的信息。

Related Posts