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 命令。 首先,单击开始按钮并键入要搜索的内容,然后单击 为您的帐户编辑环境变量.
在用户变量下,单击并突出显示 小路. 点击 编辑.
![](/wp-content/uploads/2022/06/1650121134.png)
在下一个屏幕上,单击 新的 并将完整路径添加到您的 flutterbin 目录。 对于本指南,如下所示。 在两个窗口上单击 OK 以启用在 Windows 控制台中运行 Flutter 命令。
![](/wp-content/uploads/2022/06/1650121136.png)
第 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 应用程序开发。
![](/wp-content/uploads/2022/06/1650121138.png)
之后,Android Studio 设置向导将启动,您可以通过单击继续 下一个.
![](/wp-content/uploads/2022/06/1650121140.png)
在安装类型屏幕上,选择自定义并单击 下一个.
![](/wp-content/uploads/2022/06/1650121143.png)
选择安装位置或保留默认路径,点击 下一个.
![](/wp-content/uploads/2022/06/1650121146.png)
选择您的 UI 主题并单击 下一个.
![](/wp-content/uploads/2022/06/1650121152.png)
选择您的 SDK 组件并单击 下一个.
![](/wp-content/uploads/2022/06/1650121155.png)
验证选择并单击 下一个.
![](/wp-content/uploads/2022/06/1650121158.png)
在下一个屏幕上,接受许可协议并单击 结束.
![](/wp-content/uploads/2022/06/1650121161.png)
将开始下载组件并安装 Android Studio。 完成后,点击 结束.
安装完成后,启动 Android Studio。 在左侧,单击 插件. 搜索 Flutter 并点击 安装 安装 Flutter 插件。
![](/wp-content/uploads/2022/06/1650121164.png)
它还会提示您安装 Dart,这是一种用于创建 Flutter 应用程序的编程语言。 点击 安装 在提示下。
![](/wp-content/uploads/2022/06/1650121167.png)
最后,点击 重启IDE 以便应用插件更改。 点击 重新开始 在提示时确认此操作。
![](/wp-content/uploads/2022/06/1650121170.png)
之后,运行颤振医生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 托管选项,包括我们的专用服务器。 您可以随时联系我们的销售团队,了解更多关于我们产品的信息。