Flutter 在 Android Studio 中的安装与配置指南

在现代应用开发中,Flutter 是一个非常流行的跨平台框架,允许开发者同时为 Android 和 iOS 平台构建高性能的移动应用。对于刚入行的小白开发者,安装和配置 Flutter 可能会显得有些复杂。本文将详细讲解从安装 Flutter SDK 到在 Android Studio 中配置 Flutter 的完整流程。

整体流程

以下是 Flutter 在 Android Studio 中安装及配置的步骤概览:

步骤 说明
1 下载 Flutter SDK
2 解压 Flutter SDK
3 设置环境变量
4 安装 Android Studio
5 安装 Flutter 插件
6 安装 Dart 插件
7 验证安装

每一步详细说明

1. 下载 Flutter SDK

首先,你需要从 Flutter 的官方网站下载 Flutter SDK。可以通过以下链接获取最新版本:

[Flutter Download](

2. 解压 Flutter SDK

下载完成后,将其解压到你选择的目录下。例如,你可以将其解压到 C:\flutter(在 Windows 上)或 ~/flutter(在 macOS/Linux 上)。

3. 设置环境变量

为了便于在命令行中使用 Flutter 命令,需要将 Flutter 的 bin 目录添加到系统的环境变量中。

Windows 系统
  1. 右键我的电脑,选择“属性”。
  2. 点击“高级系统设置”。
  3. 在“系统属性”对话框中,选择“环境变量”。
  4. 在“系统变量”下,找到“Path”变量并编辑。
  5. 添加 Flutter 的 bin 路径,例如 C:\flutter\bin
macOS/Linux 系统

编辑你的 .bash_profile.zshrc 文件,添加如下内容:

# 将 Flutter 添加到 PATH
export PATH="$PATH:/path/to/flutter/bin"

以上代码将 Flutter SDK 的 bin 目录添加到系统环境变量中,以便在终端中直接运行 Flutter 命令。

完成后,运行以下命令使更改生效:

# 更新当前 shell 环境
source ~/.bash_profile   # 或者 source ~/.zshrc

4. 安装 Android Studio

访问 Android Studio 的官方网站下载并安装 Android Studio:

[Android Studio Download](

5. 安装 Flutter 插件

  1. 打开 Android Studio。
  2. 在欢迎界面中,点击"Plugins"。
  3. 在 Marketplace 中搜索"Flutter",然后点击"Install"按钮。
  4. 安装完成后,重启 Android Studio。

6. 安装 Dart 插件

在同样的 Plugins 页面中,搜索"Dart"并安装该插件。Dart 是 Flutter 的编程语言,必须安装以便进行开发。

7. 验证安装

进入命令行工具,运行以下命令检查 Flutter 是否安装成功:

flutter doctor

该命令会检查环境配置是否完整,并且会给出缺失组件的提示。

运行该命令后,你应该能看到类似下面的输出:

[✓] Flutter (Channel stable, 3.0.1, on macOS 12.0.1 21A559, locale en-US)
[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 13.0)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2020.3)
[✓] IntelliJ IDEA Community Edition (version 2020.3)
[✓] VS Code (version 1.62.0)

状态图

以下是整个安装过程的状态图,每一步都可以视作一个状态:

stateDiagram
    [*] --> 下载FlutterSDK
    下载FlutterSDK --> 解压FlutterSDK
    解压FlutterSDK --> 设置环境变量
    设置环境变量 --> 安装AndroidStudio
    安装AndroidStudio --> 安装Flutter插件
    安装Flutter插件 --> 安装Dart插件
    安装Dart插件 --> 验证安装
    验证安装 --> [*]

饼状图

我们可以通过一个饼状图来展示每一步所占的时间比例(假设数据,仅供演示):

pie
    title 安装步骤时间分配
    "下载 Flutter SDK": 15
    "解压 Flutter SDK": 10
    "设置环境变量": 20
    "安装 Android Studio": 25
    "安装 Flutter 插件": 15
    "安装 Dart 插件": 10
    "验证安装": 5

结尾

通过以上步骤,你应该能够成功在你的电脑上安装并配置 Flutter 和 Android Studio 进行开发。当你完成所有步骤后,就可以开始你的 Flutter 开发之旅了!记得在开发时保持学习,多查看官方文档和社区资源,逐渐提升你的开发能力。祝你在 Flutter 的学习和开发中取得成功!