Flutter 环境搭建(mac)

系统要求

• 操作系统: 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

1. Android Studio 官网 选择自己需要的版本下载
2. 安装完成后使用 flutter doctor 检查提示报错 Flutter plugin not installed. Dart plugin not installed.
3. 打开Android studio安装插件，打开过程中，提示未安装android sdk，先安装sdk（第一次安装下载了好几个小时不停报错，于是干脆放弃，过了两天再重新打开Android studio 居然就顺利安装成功了。 - - #）
4. 允许协议flutter doctor --android-licenses
5. 安装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 路径