Mac 系统 Flutter 环境配置

1,146 阅读2分钟

一、安装 Flutter SDK

点击进入Flutter 中文网站截屏2020-12-01 下午2.23.10.png

二、解压到你想要到目录

我的路径是:/Users/macbookpro

截屏2020-12-01 下午2.26.34.png

三、配置环境变量

打开终端,配置环境变量

vi ~/.bash_profile

写入fluuter镜像配置和fluuter路径配置

# Flutter 镜像配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

# Flutter 环境配置

# 这个路径使用你自己放的位置
export FLUTTER=/Users/macbookpro/flutter/bin

export PATH=$FLUTTER:$PATH

配置完成后,需要在终端输入命令,载入配置

source ~/.bash_profile

检查fluuter是否配置好,在终端输入

flutter doctor

如果提示 commond not found 证明你的路径是有问题,自己再次检查一下。

四、解决问题

20190921204047576副本.png

有几个问题,我们依次解决 【1】、许可证问题:Android toolchain - develop for Android devices (Android SDK version 28.0.3)! Some Android licenses not accepted. To resolve this, run: flutter doctor–android-licenses

flutter doctor --android-licenses

【2】、Xcode - develop for iOS and macOS ✗ Xcode installation is incomplete; a full installation is necessary for iOSdevelopment.Download at: developer.apple.com/xcode/downl… install Xcode via the App Store.Once installed, run: sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 本机已安装了xcode,那就是需要执行以下命令

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo gem install cocoapods

【3】、Android Studio (version 3.4) ✗ Flutter plugin not installed; this adds Flutter specific functionality. ✗ Dart plugin not installed; this adds Dart specific functionality. 本机已安装Android Studio,但是缺这两个插件,需要我们去安装一下。 打开Android Studio ->configure->Plugins 搜索flutter 进行install

截屏2020-12-01 下午2.47.29.png

解决完毕再次进行检查

fltter doctor

截屏2020-12-01 下午2.51.54.png

到此,环境配置成功!

五、Dart 环境变量配置

因为 Flutter 已经集成了 Dart ,所以我们不需要再从 Dart 官网进行安装。 但是如果你想单纯学习 Dart 语法,那么则要做下面配置环境变量。

vi ~/.bash_profile
# Dart环境变量

# 这是dart SDK路径一直到bin目录 下面是我的完整路径
export DART_HOME=/Users/macbookpro/flutter/bin/cache/dart-sdk/bin

export PATH="${DART_HOME}:${PATH}"
source ~/.bash_profile
dart

运行成功