Mac Flutter环境配置

Flutter的环境配置其实是比较简单的。我这里是选择 Android Studio 作为开发 Flutter 的⼯具。

一、安装Fluter

下载 Flutter 的 SDK ，官网下载地址：https://flutter.dev

选择MacOS，选择下载最新的 Stable 版本

也可以选择 SDK releases 下载旧版本

下载完成后，解压安装，我这里选择安装在家目录下（~/）。因为我们配置的环境变量的文件也是放在这个目录下的。

二、配置环境变量

Flutter 在运⾏的时候，需要去官⽅下载所需要的资源，那就需要镜像服务器去拉取。到你对应 Shell 的配置⽂件进⾏配置。如果你使⽤默认的bash那么配置 ~/.bash_profile 。如果你使⽤zsh(Mac新系统默认是zsh)那么配置 ~/.zshrc。我这里是配置了.bash_profile。

可以直接在访达里面前往 ~/.bash_profile，假如找不到就需要去创建这个文件了。或者在终端输入 open ~/.bash_profile，假如直接打开了文件则证明存在。

如何创建 .bash_profile 文件

一般我们打开终端就是默认在家目录下，创建 .bash_profile 文件有两种方式：

第一种方式，在终端依次输入下面命令

1. touch .bash_profile

2. open .bash_profile

3. source .bash_profile

第二种方式，在终端输入

vim .bash_profile

输入 i 进入编辑模式

编辑完了以后按 ESC 出编辑模式

输入 :w 保存文件,或者 :wq 保存文件并且退出vim

配置 Flutter 镜像

在 .bash_profile里面添加

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

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

配置 Flutter 环境变量

在 .bash_profile里面添加

export FLUTTER=~/flutter

export PATH=$FLUTTER/bin:$PATH

然后在终端输入 source ~/.bash_profile 回车才会生效

那么接下来我们可以看看 Flutter 是否配置完成了。Flutter 有⼀个 doctor 检测指令。专⻔⽤于检测你的 Flutter 环境的。

flutter doctor

打对勾的则证明配置的就没有问题了，这里看到 Android Studio 还没有配置。我的 Mac 上面已经安装了 Xcode 和 VS Code。

配置 iOS 开发环境

安装 Xcode

通过 Mac App Store 直接下载安装

通过在命令行来配置

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

安装 iOS 模拟器

通过下面命令来运行模拟器

open -a Simulator

启动指定型号的模拟器

xcrun simctl boot "iPhone X"

配置证书和描述文件

项目要想运行在 iOS 真机设备上，是需要在iOS项目里面配置相关证书和描述文件的，具体配置可以咨询iOS开发人员

配置 Android Studio

安装 Android Studio

先安装Android Studio可以去国内官⽹ https://developer.android.google.cn/studio下载。

这里根据Mac芯片类型选择，我是 M1机器，选择 Mac with Apple chip

根据安装向导，我们需要安装Android SDK、 Android SDK Command-line Tools、 Android SDK。通过快捷键CMD + ，进入偏好设置，设置 Android SDK，选择 SDK Tools 进行安装。注意：这里 Android SDK 的路径不要随便修改，这里是 SDK 安装目录