文章

Flutter在 mac 中的环境配置

安装环境 mac mini m2
IDE Android Studio 2025.1

  1. 官网下载 flutter SDKhttps://docs.flutter.dev/get-started/install/macos/mobile-android
  2. 解压到指定目录 unzip ~/Downloads/flutter_macos_arm64_3.32.8-stable.zip
  3. 配置环境变量
1
2
#flutter
export PATH="$PATH:/Users/gr/flutter/bin"
  1. 打开 Android Studio 安装插件 flutter
  2. 打开 flutter 项目,提示安装 Dart,这是因为 flutter 环境没有配置好导致的,flutter 默认自带 Dart
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# 可执行以下命令验证是否正常
#没有安装xcode模拟器
flutter doctor

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.32.8, on macOS 15.5 24F74 darwin-arm64, locale
    zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version
    35.0.0)
[!] Xcode - develop for iOS and macOS (Xcode 16.4)
    ✗ Unable to get list of installed Simulator runtimes.
[✓] Chrome - develop for the web
[✓] Android Studio (version 2024.1)
[✓] Android Studio (version 2025.1)
[✓] IntelliJ IDEA Ultimate Edition (version 2023.3.4)
[✓] VS Code (version 1.102.2)
[✓] Connected device (3 available)
[✓] Network resources
  1. 验证是否可以连接设备
1
flutter devices
  1. 运行 flutter 项目
1
2
flutter clean
flutter run
  1. flutter 项目结构了解
    1. flutter 的项目结构看起来更像是一个组合工程的项目结构,工程的根目录下lib 文件目录里去写 flutter 的界面,然后同时定义了其他不同平台的文件项目,比如 Android,iOS,Android目录中有完整的 Android 项目结构配置,除非需要声明 icon,权限,以及 Android 平台特性设置的东西,都不需要修改此目录,lib 目录下包含了 flutter 的界面开发,初始入口main.dart
    2. 和 Android 类似,需要用到的三方库配置在 pubspeck.yaml 中,对应的类库冲突也是在这里进行调整
    3. 如果需要调用到其他平台的原生方法,flutter 通过MethodChannel来调用原生方法,也就是说 Dart -> MethodChannel -> Android
    4. flutter 的界面是通过声明式 UI 来写的,有点类似 jetpack compose,但是里面的概念不太一样,等后面写一下实际的界面再总结分析
本文由作者按照 CC BY 4.0 进行授权