初学Flutter 环境搭建

初学Flutter

1–Flutter环境搭建ForMac

Flutter的配置其实越来越简单了。尤其刚出来的时候，需要配置的东⻄太多，万事开头难。这⾥选择使⽤ Android Studio 作为开发Flutter的⼯具

1.1 安装Fluter

⼤家也可以直接参考官⽹ <https://flutter.dev/>

1.1.1 进入官网<https://flutter.dev/>

1.1.2选择对应的系统

点击上图片Get started 然后选择macOS

1.1.3 选择最新版本压缩包下载

1.1.4 解压SDK包

下载完成后，那么接下来就是安装路径了。 因为Flutter的SDK中包含了很多命令⾏⼯具。我们需要配置环境变量，所以建议你安装到你平时放命令⾏⼯具 程序的地⽅! 我这⾥放在了家⽬录下 ~/flutter （仅供参考，如果放在根目录以后更新可能会出现权限问题导致安装失败）

1.1.5 配置环境变量

因为Flutter 在运⾏的时候,需要去官⽅下载所需要的资源.那么没有“梯⼦”的伙伴你会需要镜像服务器，以下是 官⽅⽂档的友情提示。在1.1.1.2选择对应的系统下面图片中有提示 Important: If you’re in China, first read Using Flutter in China.
来到你对应Shell的配置⽂件进⾏配置。 如果你使⽤默认的bash那么配置 ~/.bash_profile （我这边使用这个）
如果你使⽤zsh（Mac新系统默认是zsh）那么配置 ~/.zshrc

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

#Flutter 配置 
export FLUTTER=~/flutter 
export PATH=$FLUTTER/bin:$PATH

配置完成后，重新打开终端或者输⼊命令载⼊配置

#bash则使⽤.bash_profile 
source ~/.zshrc

那么接下来!我们可以看看Flutter是否配置完成了。Flutter有⼀个doctor检测指令。专⻔⽤于检测你的Flutter环境 的。

flutter doctor

打钩就是配置OK了. 叉叉就是还没有配置好的.
我们最终要看到下图就…解决了差不多了。

其中红色的x表示xcode环境没有配置好需要去下载xcode。
那么接下来.我们安装!Android Studio！

1.2 配置安卓环境

1.2.1 安装Android Studio

我们先安装Android Studio可以去国内官⽹ https://developer.android.google.cn/studio 下载

点击Downloade Android Q Studio，进入协议界面，勾选协议，然后选择对应的安装包，需要看你电脑的配置，可以查看你电脑苹果图标-关于本机，查看你的图形卡是intel还是Apple，这样你需要下载对应版本。


我这边选择Mac with Intel chip。

1.2.2 配置SDK

根据安装向导，我们需要安装Android SDK, Android SDK Command-line Tools, and Android SDK Platform-Tools，安装过程⽆需翻墙。

1.2.3 安装Android Studio的插件

来到Studio的偏好设置⾥⾯.

当跳出安装Dart插件的界⾯时，也点击Install进⾏安装。

安装完成后重启Android Studio。可以看到有这样的界⾯

如果安装Flutter一直失败，你可以先安装Dart。

1.2.4 解决JDK的问题

cd /Applications/Android\ Studio.app/Contents/jre 
ln -s ../jre jdk 
ln -s "/Library/Internet Plug-Ins/JavaAppletPlugin.plugin" jdk 
flutter doctor -v

1.2.5 解决许可证问题

再次进⾏Flutter的检测 $ flutter doctor 会发现许可证问题!

打开Iterm（终端）输⼊下列命令
然后⼀顿y

flutter doctor --android-licenses

参考文章：https://blog.csdn.net/weixin_42326052/article/details/109818439