保姆级手把手图文并茂教你配置MAC系统Flutter环境

Flutter 是什么

Flutter是Google开源的构建用户界面（UI）工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。

下载Flutter Sdk

官方地址：

https://docs.flutter.dev/development/tools/sdk/releases?tab=macos

解压

下载完成后解压将其SDK flutter文件夹放入我们提前准备好的目录

终端环境配置

如果不存在这个文件，可以采用下面方式进行创建：

一般在Mac上配置环境变量时经常要创建、编辑 .bash_profile文件。创建该文件时一般都会选择在当前用户目录下，即Mac下的.bash_profile 文件的路径是 /Users/YourMacUserName/.bash_profile (如果该文件已经创建过的话)

1、创建 .bash_profile

（1） 启动终端

（2） 进入当前用户的home目录(默认就是)：

cd ~ 或 cd /Users/YourMacUserName

（3）输入touch .bash_profile

2、查看 、编辑 .bash_profile 文件

（1）终端输入 open -e .bash_profile

（如果只是查看，直接使用open .bash_profile）

（2）编辑

（3）关闭即可保存修改

如果电脑上面存在这个文件，可以直接输入下面地址打开

open ~/.bash_profile

配置环境

假如你的文件下载到了这里/Users/xiaojin/flutter_sdk/flutter，那么打开.bash_profile写入以下内容后按esc键 :wq保存退出:

export PATH=/Users/xiaojin/Desktop/jin_files/env/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

更新环境变量

source .bash_profile

检查环境

flutter doctor

Flutter 环境配置提示 cmdline-tools component is missing

打开android studio的设置

Flutter 环境配置提示 CocoaPods not installed.

我们需要安装CocoaPods,在终端输入：

brew install cocoapods

如果你电脑上面没有brew,可以参考：https://www.cnblogs.com/sugartang/p/16279561.html

Some Android licenses not accepted.

输入下面指令，并一路输入y

flutter doctor --android-licenses

检查环境成功

在 Android Studio 中配置Dart

下载安装Dart SDK

https://dart.dev/get-dart

 brew tap dart-lang/dart
 brew install dart

更新

brew upgrade dart

通过下图我们可以看到：SDK 被安装到了 /opt/homebrew/opt/dart 路径下



在Android项目中，配置 Dart SDK 路径

/usr/local/opt/dart/libexec

进入已有项目，下载依赖

flutter pub get

再AS软件里运行