Featured image of post Mac上Flutter开发环境配置

Mac上Flutter开发环境配置

一、下载Flutter SDK

1. 去Flutter官网下载最新安装包

2. 配置Flutter SDK到指定目录

二、配置Flutter开发环境

【注意】 如果Mac没有安装Homebrew,可通过下面的命令安装:

1
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

检查Homebrew版本:

1
2
3
4
5
6
7
brew --version

/*
  Homebrew 3.2.16
  Homebrew/homebrew-core (git revision f7d7160e185; last commit 2021-10-12)
  Homebrew/homebrew-cask (git revision d101c8d60c; last commit 2021-10-12)
  */

2.1、进入用户home目录

1
cd ~/

2.2、打开.bash_profile并编辑

1
open .bash_profile

.bash_profile中添加:

1
2
3
4
5
# Flutter
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/peijianbo/Documents/Flutter/flutter/bin:$PATH
# Flutter END

【提醒】 其中/Users/peijianbo/Documents/Flutter/flutter是我自己电脑对应的Flutter SDK的目录,你需要修改为你的Flutter SDK对应的目录。

【注意】 除了export后有个空格,其它地方不要有空格。

2.3、command + s保存修改并关闭.bash_profile

2.4、令修改后的配置生效

1
source .bash_profile

2.5、检查Flutter开发环境是否可用

1
flutter doctor

出现如上图的终端,就说明Flutter的开发环境配置成功了


Update - ① 2025.10.24

Android Studio 配置错误:cmdline-tools component is missing

解决

  • 找到 More Actions,点击 SDK Manager
  • 选中 SDK Tools 下的 Android SDK Command-line Tools(latest),然后点击 OK
  • 点击 OK
  • 等待下载完成,点击 Finish
  • 终端重新执行命令 flutter doctor 至此,问题就解决了,可以进入 flutter 的开发啦!
Built with Hugo
主题 StackJimmy 设计