Flutter（一）Mac环境搭建

本文是flutter学习的第一步，刚开始接触一门语言进行编程的时候，首先要做的是要把语言所依赖的环境搭建好，（虽然有的环境搭建很费劲，比如国内android studio）,本文只以macOS为基础搭建，Windows具体搭建，请参考flutter官方文档

系统配置要求

• 操作系统 macOS（64 位）
• 磁盘空间 2.8 GB（不包含 IDE 或其余工具所需要的磁盘空间）
• 命令工具 Flutter 需要你的开发环境中已经配置了以下命令行工具。

     bash
    curl
    git 2.x
    mkdir
    rm
    unzip
    which
    zip

下载Flutter SDK 并配置环境变量

1. 前往官网下载最新的稳定版SDK
   下载地址
2. 将文件解压到目标路径, （~/Flutter是自己创建的一个存放sdk的路径，flutter_macos_1.17.5-stable.zip是下载的1.17.5版本的flutter sdk）比如:

cd ~/Flutter
unzip ~/Downloads/flutter_macos_1.17.5-stable.zip

3. 配置flutter环境变量
   找到 .bash_profile文件，打开 编辑，添加

#配置国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn 
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#Flutter sdk 路径
export FLUTTER_HOME=自己创建的flutter sdk存放路径/flutter
export PATH=$PATH:$FLUTTER_HOME/bin
#dart 语言sdk 路径
export PATH=$PATH:$FLUTTER_HOME/bin/cache/dart-sdk/bin

添加保存以后->终端运行

source ~/.bash_profile

此时flutter 安装完成，我们测试一下，终端运行

flutter --version

如下图所示，配置成功

flutter 版本

配置iOS环境

1. 如果想为Flutter配置iOS开发环境，需要在我们的电脑上安装一个Xcode，如果没有装，从App Store下载安装，或者从https://link.jianshu.com/?t=https://developer.apple.com/download/more 选择Xcode版本下载安装（需登录Apple id）

2. 选择iOS模拟器
   安装好Xcode之后，我们选择我们使用的iOS模拟器
   打开Xcode，右上角点击Xcode - Open Developer Tools - Simulator

   
   默认模拟器
   

   这个时候会打开一个默认的iOS模拟器，也可以在Hardware - Device - 系统版本中选择自己想要测试的模拟器

   
   指定模拟器

配置 android 环境

想为Flutter配置Android开发环境，需要在我们的电脑上安装一个Android Studio
官方下载网址 https://developer.android.com/studio/?utm_source=android-studio 点击下载，双击安装

打开Android Studio，会问我们是否要设置代理，这是因为下载Android SDK等在国内不好下载，最好设置代理 ，如何设置代理，百度一下，你就知道。

设置安卓模拟器
打开Android Studio,在右下方有个设置的图标Configure，点击选择->左下+Create virtual device...->下一步->下一步创建一个模拟器

选择安卓模拟器
创建完模拟器，点击启动
模拟器

开发工具

1. Android Studio

   
   配置 sdk

配置 sdk

2. VS Code
   VS Code 添加插件Code Runner Dart Flutter
   配置 sdk
   查找安装即可

检测Flutter 安装环境是否正确

终端执行

flutter doctor

flutter doctor
解决第二个⚠️，有提示 flutter doctor --android-licenses执行选择（Y/N）,输入Y即可
flutter doctor --android-licenses
解决第一个错误-根据提示增加sdk
Android SDK Android SDK Tools
此时终端执行flutter doctor
flutter doctor
只剩一个Connected device,是没打开模拟器，打开模拟器，在执行发现没有其他问题了
flutter doctor

安装过程中，可能还会遇到其他问题，大部分是需要安装的命令工具缺失，根据flutter doctor中执行的错误提示，添加即可。

此时，我们的flutter 环境已经安装好了，可以进行语言学习快了的玩耍了 ^_^