Flutter开发环境的搭建(MacOS)

安装Homebrew

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

安装/配置Git

1
2
3
4
5
brew install git

git config --global user.name "John Doe"

git config --global user.email johndoe@example.com

下载/配置Flutter

Flutter推荐上官网下载,不用使用Homebrew安装

下载地址:https://flutter.dev/docs/get-started/install/macos

下载好以后解压到一个位置,然后把路径添加大盘PATH里面,具体请看下面:

1
2
3
4
5
6
7
8
9
10
11
12
13
vim ~/.bash_profile

// 在这个文件里面新增一行,记得把路径替换成你的路径,然后保存退出
export PATH=/app/flutter/bin:$PATH

// 重载一下
source ~/.bash_profile

// 输入命令测试一下是否配置正确
flutter -h

//这个命令会检查当前flutter的环境是否安装正常,前面有x的代表没有安装,需要安装。下面就会根据这些x进行环境搭建
flutter doctor

安装Android Studio

下载地址:https://developer.android.google.cn/studio/#downloads

配置Android Studio

  1. 使用Android Studio需要科学上网,打开AS后首先配置一下代理。然后根据引导进行下载SDK,SDK版本根据个人需求下载,不知道的下载最新的和一个老三代的就OK了。SDK下载好以后,再通过AVD下载一个模拟器。

  2. 然后打开Plugin下载Flutter插件。

安装安卓协议

一路输入Y就可以了,这个安装好以后,安卓环境算是搭建好了,可以运行一下flutter doctor看一下目前环境情况

1
flutter doctor --android-licenses

ios环境搭建

此时运行flutter doctor出现以下结果,你的可能与我的不同,依你的为准。

img

安装图上的提示按顺序安装对应的软件。

1
2
3
4
5
6
7
8
9
brew install --HEAD libimobiledevice

brew install ideviceinstaller

brew install ios-deploy

brew install cocoapods

pod setup

安装完这些再运行flutter doctor,此时只有VScode环境没有配置好其他都应该正常了,如果你使用VCcode,可以再配置VScode环境,我不使用就不配置了。

配置Pub源

对于网络不好的情况,可以配置以下Pub中国源。至此,Flutter MacOS平台环境搭建就OK了!

1
2
3
4
5
6
7
vim ~/.bash_profile

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

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

source ~/.bash_profile