01- 2020 Flutter环境搭建（平坑哈）

2020.6 配置Flutter环境

最新配置Flutter环境，因为最近把所有软件和环境升级了 特此记录，也 分享给有需要的伙伴；

本次版本:

macOS: 10.15.4

FlutterSDK: 1232

Xcode: 11.5

Android 4.0

Flutter官网

1 . 进入官网

Flutter官网 首页

1.1 点击Get started

Flutter官网 首页

1.2 选择对应的操作系统（这里我的系统macOS）

注意底部的Important

If you're in China, first read Using Flutter in China.( 就是说在中国 ，来这个中文网站看指南)

Flutter 在运行的时候，需要去官方下载所需要的资源，那么没有“梯子”的伙伴你需要镜像服务器，

这时候需要根据官方友好提示 点击上边这个链接

1.3 System requirements

系统要求

• 首先看到的是安装运行Flutter的系统要求（如同我们在Windows上边玩吃鸡，需要有一个最低支持的环境配置）

  • 操作系统 macOS 64位

  • 硬盘空间 2.8GB （除了IDE/tools 以外的2.8GB）

  • 工具，Flutter依赖与我们系统上命令行的这些工具：

    • bash

      （1） 在终端查看支持的shell： cat /etc/shells 可以看到列出很多shell

      （2）查看自己当前用的shell：echo $SHELL

    • curl

      获取网络数据 ，就是一种在命令行下使用的网络工具，详细使用可以自己去学习

    • git 2.x

      系统支持git 2.x版本以上 ，查看git 版本 git --version

    • mkdir

      终端命令， 创建文件夹的 mkdir flutterFolder

    • rm

      终端命令 ， 删除文件和文件夹的 rm -rf flutterFolder

    • unzip

      终端命令， 解压zip文件的

    • which

      定位程序文件在系统路径的位置

    • zip

      顾名思义，就是终端压缩文件的命令

    以上这些是Flutter要求的安装环境和一些需要使用到的工具，对于有些命令的使用，伙伴们可以google这些命令， 深入了解；

  2. 下载FlutterSDK

  上边的环境我们都准备好了， 开始下载SDK啦。。。

Flutter SDK 1.17.3

2.1

我现在的当前最新版本是1.17.3稳定版

Flutter SDK四个channel:

• Stable channel（稳定版）

• Beta channel（测试版）

• Dev channel（开发版）

• Master channel（在这里可以clone 这个分支，获取SDK，）

  git clone -b master https://github.com/flutter/flutter.git
  ./flutter/bin/flutter --version

channel渠道地址

2.2

下载完成后，找到下载的sdk包， 就可以解压Flutter SDK啦， 解完出来的 SDK放到你能找到的位置；

把Flutter目录下bin位置路径记录下来，比如我的是

/opt/flutter/bin

这里详细说明下

在这个配置路径上绕了好久， 我终端装的是oh-my-zsh 伙伴没用过的应该去尝试下

在.zhsrc 下去配置这个路径

# Flutter 镜像配置
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export FLUTTER=/opt/flutter/bin
export PATH=$FLUTTER:$PATH

上俩个是镜像源 ， 没有梯子的伙伴需要配置镜像源

下俩个是Flutter的bin路径；

配置成功后， 使用 which flutter查看是否能找到flutter的路径

3.配置开发IDE

我自己用的Android Studio开发IDE， 毕竟是Google的亲儿子，顺便也能熟悉安卓；当然也支持其它的开发

工具，像Visual Studio .

安装SDK成功后， 接着就开始坚持我们的开发环境了， 比如 检查 模拟器 IDE等

flutter doctor

对勾✅的是没问题的，

最上边显示flutter 版本， 系统版本，

下边检查了 android 工具链 **Xcode ** Android Studio 并都显示了对应的版本

最下边俩个！黄色叹号 ，不用管， 第一个是因为我装 了vs，但没有配置flutter，因为我使用AS，

第二个是我检测到我当前没有运行的模拟器哦；

Last

如果帮助到了你， 帮我点个哦，

有问题留言，大家一起来解决！！！