Flutter:开发环境搭建和Android Studio创建Flutter Project

一、系统要求

在安装和运行 Flutter 前,你的 macOS 或者 Windows 环境必须满足以下要求:

二、硬件要求

  • macOS Flutter 开发环境必须满足以下最低硬件要求。
  • Windows Flutter 开发环境必须满足以下最低硬件要求。

三、软件要求

要为 Android 编写和编译 Flutter 代码,请安装以下软件包。

提醒

无需单独安装 Dart,因为 Flutter SDK 包含了完整的 Dart SDK

四、操作系统

  • Flutter 支持 64-bit version of Microsoft Windows 10 或更高版本。这些版本的 Windows 必须包含 Windows PowerShell 5 或更高版本。
  • Flutter 支持在 macOS 11 (Big Sur) 或更高版本上开发。本指南假定你的 Mac 默认运行 zsh shell。

五、开发工具

5.1 下载并安装以下软件包的 Windows 版本
  • Git for Windows 2.27 或更高的版本来管理源代码。
  • Android Studio 2023.3.1 (Jellyfish) 或更高版本来调试和编译 Android 的 Java 或 Kotlin 代码。 Flutter 需要完整版本的 Android Studio。
5.2 下载并安装以下软件包的 mac OS版本
  • Android Studio 2023.3.1 (Jellyfish) or later to debug and compile Java or Kotlin code for Android. Flutter requires the full version of Android Studio.
    Android Studio 2023.3.1 (Jellyfish) 或更高版本来调试和编译 Android 的 Java 或 Kotlin 代码。 Flutter 需要完整版本的 Android Studio。
  • Git 2.27 或更高版本来管理源代码。To check if you have git installed, type git version in your Terminal. If you need to install git, type brew install git.
    如果需要检查是否安装了 git,请在终端中输入 git version。如果需要安装 git,请输入 brew install git。
    上述软件的开发商为这些产品提供支持。如果需要排查安装的问题,请查阅该产品的文档。

当你在当前版本运行 flutter doctor 的时候,它可能会列出这些软件包的其他不同版本。如果出现这种情况,请安装它推荐的版本。

六、文本编辑器或集成开发环境 (IDE)

可以使用任意文本编辑器或集成开发环境 (IDE),并结合 Flutter 的命令行工具,来使用 Flutter 构建应用程序。

使用带有 Flutter 扩展或插件的 IDE 会提供代码自动补全、语法高亮、widget 编写辅助、调试以及其他功能。
以下是windows热门的扩展插件:

Flutter 团队推荐安装 Visual Studio Code 1.77 或更高版本并搭配 Flutter extension for VS Code。这样搭配可以简化 Flutter SDK 的安装。

七、安装 Flutter SDK

可以使用 VS Code Flutter 扩展或自行下载安装 Flutter 压缩包,来安装 Flutter SDK。

7.1 自行下载并安装 Flutter

归档列表中下载 Flutter SDK 压缩包,将压缩包移动到你想要的位置,然后解压 SDK,以此来安装 Flutter。

下载以下 Flutter SDK 最新 stable 版本的压缩包

八、配置环境变量

8.1 Windows PATH 环境变量

将 Flutter 添加到 PATH 环境变量后,才能在 PowerShell 中运行 Flutter 指令。

  • 按下快捷键 windows 10系统
    Windows + Fn + Pause,打开系统设置页面

  • 单击 高级系统设置 > 高级 > 环境变量...

8.2 验证安装

运行 flutter --version 查看flutter SDK 版本


运行 flutter doctor 来验证安装


Android SDK 安装 Command-line Tools


运行 flutter doctor -v 检查开发配置

九、在中国网络环境下使用 Flutter

9.1 使用 Flutter 镜像站点

China Flutter User Group (CFUG) 维护着一个 Flutter 简体中文网站 https://flutter.cn 以及镜像。

9.2 配置电脑使用Flutter镜像站点

在中国安装和使用 Flutter,请使用可信的 Flutter 镜像。这需要在你的机器上设置两个环境变量。

以下所有示例均假定你正在使用 CFUG 的镜像。

9.2.1 配置windows系统环境变量
  • 按下快捷键 windows 10系统
    Windows + Fn + Pause,打开系统设置页面
  • 单击 高级系统设置 > 高级 > 环境变量...


将 PUB_HOSTED_URL 设置为镜像站点


将 FLUTTER_STORAGE_BASE_URL 设置为镜像站点


运行 flutter doctor 来验证安装

此过程需要使用 Powershell

在 Powershell 中打开新窗口

如上图所示; Network resources前面显示绿色对号,说明flutter镜像站点配置成功
下面是在dos窗口运行 flutter doctor

9.2.2 配置macOS系统环境变量
  1. 在 terminal 中打开新窗口,准备运行脚本。
  2. 将 PUB_HOSTED_URL 设置为镜像站点。
    export PUB_HOSTED_URL="https://pub.flutter-io.cn"
  3. 将 FLUTTER_STORAGE_BASE_URL 设置为镜像站点。
    export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
9.3 下载基于镜像站点的 Flutter SDK 压缩包

需要从镜像中的 SDK 版本列表 下载 Flutter, 请将 storage.googleapis.com 替换为你信任的镜像站点 URL。在浏览器或其他应用程序中使用镜像站点(如 IDM 或 Thunder)将提高下载速度。
下面的示例展示了如何将下载 Flutter 的 URL,从 Google 更改为 CFUG 的镜像。

要下载 Windows 3.24.5版本的 Flutter SDK

非镜像站点下载地址,需要将原始 URL:

复制代码
https://storage.googleapis.com/flutter_infra_release/releases/stable/windows/flutter_windows_v3.13.0-stable.zip

改为镜像 URL:

复制代码
https://storage.flutter-io.cn/flutter_infra_release/releases/stable/windows/flutter_windows_3.24.5-stable.zip

提示

并非所有镜像都支持直接从 URL 下载。

十、开始使用 Flutter 开发 Android 应用

10.1 安装Dart和Flutter插件

打开Android Studio Settings界面


插件都安装完后重启Android Studio

10.2 创建Flutter Project

新建 Flutter Poject


配置Flutter SDK


改成小写字母后,点击create
下载依赖


效果图

十一、推荐

Flutter教程

相关推荐
ujainu33 分钟前
Flutter与DevEco Studio混合开发:跨端状态同步技术规范与实战
flutter·deveco studio
ujainu33 分钟前
Flutter 与 DevEco Studio 混合开发技术规范与实战指南
flutter·deveco studio
ujainu1 小时前
鸿蒙与Flutter:全场景开发的技术协同与价值
flutter·华为·harmonyos
cmdch20172 小时前
手持机安卓新增推送按钮功能
android
攻城狮20152 小时前
【rk3528/rk3518 android14 kernel-6.10 emcp sdk】
android
何妨呀~2 小时前
mysql 8服务器实验
android·mysql·adb
_大学牲2 小时前
Flutter 勇闯2D像素游戏之路(三):人物与地图元素的交互
flutter·游戏·游戏开发
结局无敌2 小时前
Flutter:解构技术基因的创新密码与未来启示
flutter
QuantumLeap丶3 小时前
《Flutter全栈开发实战指南:从零到高级》- 25 -性能优化
android·flutter·ios
遝靑4 小时前
深入 Flutter 自定义 RenderObject:打造高性能异形滚动列表
flutter