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教程

相关推荐
dalancon8 分钟前
SurfaceControl 的事务提交给 SurfaceFlinger,以及 SurfaceFlinger 如何将这些数据设置到对应 Layer 的完整流程
android
dalancon10 分钟前
SurfaceFlinger Layer 到 HWC 通信流程详解
android
cccccc语言我来了17 分钟前
Linux(9)操作系统
android·java·linux
yige451 小时前
【MySQL】MySQL内置函数--日期函数字符串函数数学函数其他相关函数
android·mysql·adb
洞见前行1 小时前
AI 当逆向工程师:Claude Code 自主分析 APK 和 so 文件,解决 Unity 插件化启动崩溃
android·人工智能
王码码20351 小时前
Flutter 组件 inappwebview_cookie_manager 适配 鸿蒙Harmony 实战 - 驾驭核心大 Web 容器缓存隧道、构建金融级政企应用绝对防串号跨域大隔离基座
flutter·harmonyos·鸿蒙·openharmony·inappwebview_cookie_manager
左手厨刀右手茼蒿1 小时前
Flutter 组件 ews 的适配 鸿蒙Harmony 实战 - 驾驭企业级 Exchange Web Services 协议、实现鸿蒙端政企办公同步与高安通讯隔离方案
flutter·harmonyos·鸿蒙·openharmony
努力进修1 小时前
旧安卓手机别扔!用KSWEB搭个人博客,搭配外网访问超香
android·智能手机·cpolar
钛态1 小时前
Flutter 三方库 react 泛前端核心范式框架鸿蒙原生层生态级双向超能适配:跨时空重塑响应式单向数据流拓扑与高度精密生命周期树引擎解耦视图渲染控制中枢(适配鸿蒙 HarmonyOS ohos)
前端·flutter·react.js
键盘鼓手苏苏1 小时前
Flutter 组件 spry 适配鸿蒙 HarmonyOS 实战:轻量化 Web 框架,构建高性能端侧微服务与 Middleware 治理架构
flutter·harmonyos·鸿蒙·openharmony