flutter 小白从零开始，有ios、安卓、vue开发经验。---2024年3月，记。
一、相关工具安装
1. Android Studio
- 安卓原生开发工具
- 版本：Android Studio Hedgehog | 2023.1.1 Patch 2
2. Xcode
- 苹果原生开发工具
- 目前版本 Version 15.2 （需要配合mac系统版本Sonoma14.2）
- cocopods 更新最新版
3.Visual Studio Code
- Web开发工具
- Version: 1.85.1 (Universal)
二、flutterSDK下载
1.官网下载flutterSDK 地址：
- 文档：文档说明下载选择方法
- 全部SDK下载：全部SDK版本下载地址
文档说明.jpg
2、参见文档说明，因为我的mac系统是Intelc处理器，所以此处我选择x64版本，如果是新版mac处理器是
下载地址.jpg
3.注意事项
- 工具必须都更新到最新版，否则后续安装会抛错
三、flutter环境配置
1. 配置路径内容总结如下：
- 官方推荐路径~/development
#flutter配置
#1.flutter环境变量（注意export PATH=此地址是在电脑中的flutterSDK安装路径，可能发生改变）
export PATH="/Users/用户名/development/flutter/bin:$PATH"
#2.flutter镜像地址
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
#3.android sdk目录
export ANDROID_HOME="/Users/用户名/Library/Android/sdk"
#4.android tools目录
export PATH=${PATH}:${ANDROID_HOME}/emulator
#5.android tools目录
export PATH=${PATH}:${ANDROID_HOME}/tools
#6.android 平台工具目录
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
2 打开以下两个文件，添加上述配置内容
$ open ~/.bash_profile
$ open ~/.zshrc
- 保存更新
$ source ~/.zshrc
$ source ~/.bash_profile
四、检查flutter是否配置成功
- 打开终端输入以下指令
- 注意如果只配置.bash_profile不配置.zshrc，必须在执行source ~/.bash_profile后的终端窗口中执行flutter doctor，否则会报错 zsh: command not found: flutter
- 但是我们上面已经配置完.zshrc ，这样新建窗口不需要source更新也能直接使用flutter指令
$ flutter doctor
执行结果.jpg
发现两个问题解决方法
问题描述
- 问题1：安卓配置环境安装失败，提示未安装cmdline-tools
- 问题2：未允许一些SDK条款
解决办法
- 提示：网上有些案例说是直接打开Android Studio菜单--Settings-->Android SDK-->SDK Tools-->下载Android SDK Command-lin，不过我在实际操作时，这里是没有这个选项可以下载的，所以我使用传统命令行下载方式去下载缺少的command-tool工具，步骤如下：
1.打开.zshrc文件更新配置
$ open ~/.zshrc
2.添加安卓sdk的bin目录
#android tools bin目录
export PATH=${PATH}:${ANDROID_HOME}/tools/bin
3.更新配置使生效
source ~/.zshrc
4.在当前终端窗口，根据上图错误提示1安装cmd-tool
sdkmanager --install "cmdline-tools;latest"
5.安装成功后，再次根据上图错误提示2同意一些条款，即执行以下命令，并一输入y，回车即可。
$ flutter doctor --android-licenses
6.更新flutter，并再次检查flutter配置环境
$ flutter upgrade
$ flutter doctor
7. 配置成功
配置成功.png
8. 此时再次检查
- Android Studio菜单--Settings-->Android SDK-->SDK Tools-->
-
已经有cmdtools了
Command-line Tools.jpg
五、配置完成，进行开发
flutter开发工具选择方法
- 功能简单，不需要原生配合：直接选择Visual Studio
- 需要原生配合：三个工具都需要用到
