Mac搭建Flutter开发环境

图片发自简书App

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。

Flutter在18年很火的样子，要赶超 React Native的感觉，所以19年春节刚过，我就开始入门了，目前正在学习阶段，路过的大牛多多指导呦。学习新的开发语言，第一步，肯定是要搭建开发环境喽，通过两次的搭建经历，遇到了一些问题，用文章记录一下，方便以后翻看，也可以给新手提供一些帮助。

推荐去官网下载，可以下载最新的SDK，网址：
https://flutter.io/setup-macos/

先把刚才下载的zip包，解压缩到你想要配置的文件夹下，然后使用命令行配置环境变量。

vim ~/.bash_profile

增加一行

export PATH=/app/flutter/bin:$PATH

/app/flutter/bin 为解压文件路径，如笔者的:

export PATH=/Users/MinJing_Lin/iOS/flutter/bin:$PATH

保存(:wq)完毕之后运行命令:

source ~/.bash_profile

这个时候就可以运行Flutter 命令行了,会展示Flutter命令帮助。

flutter -h

flutter doctor

图1.png

如果有 ✗ 标志，表示本行检测不通过，需要做一些设置或者安装一些软件。

如果Android Studio没有安装，可以先装下（Mac版）。Android Studio下载地址:http://www.android-studio.org/

flutter doctor --android-licenses

这里界面会要求输入Y/N,一路输入Y就行了。

打开Android Studio，打开plugin，输入flutter搜索，点击install，安装Flutter插件时，会自动下载Dart语言，安装完成后重启Android Studio。

图2.png

brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup

如果资源brew update 太慢，没动静，可以替换一下镜像，使用中科大的镜像
第一步，替换brew.git

cd "$(brew --repo)"
git remote set-url origin https://mirrors.ustc.edu.cn/brew.git

第二步：替换homebrew-core.git

cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core"
git remote set-url origin https://mirrors.ustc.edu.cn/homebrew-core.git

如果在国内，你懂的，还需要设置一下pub源，不然就不能愉快的使用别人写的库。

运行

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

至此，我们的环境就搭建完毕了，可以愉快的开发了。

打开 Android Studio ，选择“Start a new Flutter project”

图3