flutter 环境搭建小记（MAC版）

1,下载flutter SDK  https://flutter.io/sdk-archive/#macos

首先确定自己的mac 是macOS x64还是macOS ARM64,再下载对应的版本

查看方式：1.打开终端；2，输入 uname -a 命令；即可查看

2，下载Android studio Download Android Studio & App Tools - Android Developers

选择对应的安装工具；进行安装，安装教程Android studio安装教程

安装教程2（图文）

3,下载Xcode  安装方式

直接从应用商店下载即可

配置环境教程：

安装完成后需要配置对应的环境变量flutter环境变量安装教程

//flutter 环境变量
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://flutter-io.cn
    export PATH=/Users/vx/Documents/sdk/flutter/bin:$PATH
    export PATH=/Users/vx/Documents/sdk/flutter/bin/cache/dart-sdk/bin:$PATH




    //android环境变量
    export ANDROID_HOME=/Users/vx/Library/Android/sdk

    export PATH=$PATH:$ANDROID_HOME/tools

    export PATH=$PATH:$ANDROID_HOME/platform-tools

    export PATH=$PATH:$ANDROID_HOME/build-tools

配置完环境变量，终端运行命令flutter doctor 会出现如下图界面

 我们可以根据提示一个个解决，首先看，Android报错，cmdline-tools component is missing        下面提示install amdline-tools;latest;我们打开Androidstudio   tools-->SDK manager 中进入 SDK tools 中

会找到保存对应的资源，下载下来 后执行flutter doctor 会出现下面的界面

 根据提示执行flutter doctor --android-licenses,会提示选项，一路同意下去就好；至此Android端的东西就安装好了

针对Xcode 报错Cocoapods not installed   我们只需要下载安装就可以了 对应命令行：sudo gem install cocoapods

chrome安装一个chrome浏览器就行，至此配置完成

 打开Android studio 快捷键command + , 打开plugins界面 下载flutter以及 dart

下载后重启Android studio 就可以开发flutter了 

 

 具体新建项目及介绍：flutter新建各配置介绍

IOS运行报错问题解决：https://zhuanlan.zhihu.com/p/479264996

Android 运行报错：build报错