前言
现在还有不少人在排斥react-native和flutter，我以前有段时间这样，后面学着学着，就更加理解他们存在的意义，个人感觉他们的存在并不是为了代替原生开发，而是作为补充和辅助，他们可以用来处理一些相对复杂业务，更新比较快，且性能要求不高的功能，可以一份代码就搞定，避免了多人频繁对接业务问题，对于一些性能要求比较高，或者使用硬件相关，很多就不得不使用原生了，并且我们从中间也能获取不少灵感，例如：状态机
下载flutter SDK
可以去官网下载 官网
然后下载mac 端 flutter 最新的 zip 安装包
如果官网被墙了(某些公司可能给墙了)，就用下面的git地址，还免解压
flutter下载地址 --- ssh地址(git@github.com:flutter/flutter.git)
配置环境
首先 将下载的安装包解压到终端默认目录(或git下载文件夹移动到此位置)，一般就默认的用户目录下就可以 /Users/用户名/
然后用户目录下就会出现 flutter 的文件夹
然后 配置 bash、zsh
如果你使用默认的 bash 那么配置 ~/.bash_profile
如果你使用 zsh（Mac新系统默认是zsh）那么配置~/.zshrc
我们 open ~/.bash_profile命令打开文件，让后将下面的环境内容，copy 到最后
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export FLUTTER_GIT_HOME=/Users/shuaishuai/flutter/bin
export PATH=${FLUTTER_GIT_HOME}:${PATH}
然后 重新打开命令行，执行下面命令载入
//配置的是bash
source ~/.bash_profile
//配置的是zsh
source ~/.zshrc
最后运行一下 flutter doctor命令，检查一下还有哪些没有安装，会发现编辑器等没有安装（后面安装）
flutter doctor
xcode 安装
不多解释，直接苹果 appstore 中下载最新就可以，然后就可以运行了，无需配置环境、sdk等
然后xcode-select 要安装一下
如果检测不到iphone手机，也可以重新执行下面指令
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
Android Studio安装
直接进入到 studio 的 官网 下载就行了
然后打开 android studio，开始配置 sdk 相关
默认打开只有这两个，没有 flutter 图标
然后我们打开下面的 More Actions -> SDK Manager，或者打开偏好设置，选择 SDK Manager
然后将下面的一些全下载了
然后，点击左侧的 Plugins 搜索 flutter 安装即可
然后首页就会出现多了个 new Flutter Project，如果没出现，重启编辑器
再次执行 flutter doctor 命令会发现，android-licenses 许可证有问题
flutter doctor
然后执行，下面命令，一直点 y 即可
flutter doctor --android-licenses
ps:我上面的都安装完了还是提示licenses有问题，另一个电脑没事，不过不影响运行，这个电脑就把前面的版本都下了，当时检查还是有问题，后面没碰检查又好了，也可以重启电脑或者终端尝试，可能是卡bug了
运行项目
然后创建一个 flutter 即可
可以选择一个模拟器运行测试
运行ios模拟器后，直接就成功了，而运行android模拟器后，如果卡在这个界面很久，那么大概率是 maven 的问题，我这里没有替换就运行成功了（如果运行成功，就不用改东西了，到这里结束）
打开项目build.gradle，然后将里面的 repositories 替换阿里云的资源
google()
jcenter()
替换成
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
替换前
替换后
另外,打开flutter解压后的位置更改里面的 build.gradle，替换内容与上面一样，将buildscript中的替换即可
文件路径：flutter/packages/flutter_tools/gradle/flutter.gradle
注意：我这里不用替换就成功了，根据自己情况来进行改动，如下所示
使用vscode开发
当然可能有人用不惯 Android Studio，用 vscode也照样能开发
vscode没有了选择模拟器的按钮，可以打开终端，使用下面命令打开模拟器，以ios为例(android模拟器个人感觉太丑，可以自行去尝试😂)
//运行前保证ios模拟器插件是打开的，不然可能调用不起来
flutter run -d 'iPod touch'
复制代码
会觉得 iPod touch名字怎么出来的，打开模拟器后，可以右键查看名字,也可以自己切换
而更改内容后，刷新界面(热重载)，需要切换到运行终端,按 r键即可，如果想重新运行 R(shift + r)
最后补充
有些电脑配置好了后，发现 ios模拟器无法识别出来，那么只需要执行下面两行命令就可以了
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
如果是ios端打开有问题，可以查看有没有 podfile 文件，如果没有执行下面命令
pod init
pod install
如果碰到了 ffi 的问题，可以尝试安装一下
sudo gem install ffi
注意：m1 的电脑，配置完成后，不要使用 android studio 默认的终端，使用系统自带的终端执行 pod install 可以避免不少问题
