系统要求
- 操作系统: macOS (64-bit)
- 磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间）.
- 工具: Flutter 依赖下面这些命令行工具.
bash, mkdir, rm, git, curl, unzip, which
使用镜像
由于国内访问Flutter有时可能会受到限制， 添加环境变量
vim ~/.bash_profile
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
=> esc => :wq 保存退出
1. 下载SDK
sdk较大，先开始下载任务(二选一)
官网下载
Github下载
2. 解压
下载好以后，解压到准备好的目录，以我自己的为例
cd ~/development
unzip ~/Downloads/flutter_macos_v1.1.8-dev.zip
3. 添加flutter相关工具至PATH
export PATH=~/development/flutter/bin:$PATH (是自己电脑存放解压后文件的地址)
为了让配置立即生效，执行
source ~/.bash_profile
查看是否已经安装成功，执行
flutter doctor
[图片上传失败...(image-dd0d-1548261207753)]
根据提示配置或下载
4. 安装Android Studio
- Android Studio 官网 选择自己需要的版本下载
- 安装完成后使用 flutter doctor 检查提示报错 Flutter plugin not installed. Dart plugin not installed.
- 打开Android studio安装插件，打开过程中，提示未安装android sdk，先安装sdk（第一次安装下载了好几个小时不停报错，于是干脆放弃，过了两天再重新打开Android studio 居然就顺利安装成功了。 - - #）
- 允许协议
flutter doctor --android-licenses - 安装Flutter插件
ps: 安装sdk成功后 flutter doctor 一直报错，提示sdk未找到，原来是安卓sdk的环境变量的路径配错了
5. 安装brew
brew 官网
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 根据官网提示安装
6. 安装xcode
提示我的xcode不是最新版了，于是又重新下载了最新版（9.1->10.1为什么不是更新，更是需要直接下载，6+G又下了很久）
首次安装执行sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
7. 安装剩余软件
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup
8. 连接设备
[!] Connected devices
! No devices available
因为用的安卓手机，所以当然是用真机啦。安卓机连mac电脑需要安装
filetranser.dmg 附上下载地址
我是使用手机的内置光盘安装的
最后执行一次flutter doctor，全部通过！！
我不会说这个环境搭建我断断续续花了2周的😂
!!! VS Code 安装
也许是作为一名前端的一根筋，让我用andriod stuido开发总觉得浑身不舒服。好在vscode也是支持flutter的，马上配置上。
版本要求： 1.20.1或更高版本
- 调用 View>Command Palette…
- 输入 ‘install’, 然后选择 Extensions: Install Extension action
- 搜索 ‘Flutter’, 点击 Install安装
- 重新启动 VS Code
可以查看到成功安装了Flutter 和 Dart
Flutter插件： 支持Flutter开发工作流 (运行、调试、热重载等).
Dart插件： 提供代码分析 (输入代码时进行验证、代码补全等). - 调用 View>Command Palette…
- 输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’ action
- 查看“OUTPUT”窗口中的输出是否有问题
[flutter] flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel dev, v1.2.2, on Mac OS X 10.14.3 18D109, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[✓] iOS toolchain - develop for iOS devices (Xcode 10.1)
[✓] Android Studio (version 3.2)
[✓] Connected device (1 available)
• No issues found!
exit code 0
查阅的教程
Flutter 官网
Android Studio 安装 Plugin
Android Studio 查看 SDK 路径
