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

Mac上Flutter开发环境配置

一、下载Flutter SDK

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

https://ap-hexo-blog-images.oss-cn-shanghai.aliyuncs.com/Flutter/Mac%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/001%20-%20%E6%89%BE%E5%88%B0%E6%9C%80%E6%96%B0Flutter%E7%A8%B3%E5%AE%9A%E7%89%88%E6%9C%AC.png

2. 配置Flutter SDK到指定目录

https://ap-hexo-blog-images.oss-cn-shanghai.aliyuncs.com/Flutter/Mac%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/002%20-%20%E9%85%8D%E7%BD%AEFlutter%20SDK%E5%88%B0%E6%8C%87%E5%AE%9A%E7%9B%AE%E5%BD%95.png

二、配置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/klcw/peijianbo/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

https://ap-hexo-blog-images.oss-cn-shanghai.aliyuncs.com/Flutter/Mac%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/003%20-%20%E6%A3%80%E6%9F%A5Flutter%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E6%98%AF%E5%90%A6%E9%85%8D%E7%BD%AEOK.png

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

生儿翩翩起舞,舞而惊艳乾坤!
Built with Hugo
主题 StackJimmy 设计