学习Flutter中文网
AndroidStudio安装Flutter插件
在AndroidStudio
中找到 preferences
-->Plugins
-->Browse Repositories
-->搜索-->Flutter
然后安装重启AndroidStudio
获取Flutter SDK
去flutter官网下载其最新可用的安装包,转到下载页 。
注意,Flutter
的渠道版本会不停变动,请以Flutter
官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙。
配置环境变量
1.打开mac
终端:command
+空格键
--弹出搜索框输入terminal.app
2.如果你是第一次配置环境变量,可以使用touch .bash_profile
创建一个.bash_profile
的隐藏配置文件(如果你是为编辑已存在的配置文件,则使用open -e .bash_profile
命令)
3.输入open -e .bash_profile
命令
也可以在访达中使用快捷键command
+ shift
+ .
就会把隐藏文件给显示出来,然后找到.bash_profile
文件,直接用记事本打开
官方提供的镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
上海交通大学提供的国内镜像
export FLUTTER_STORAGE_BASE_URL=https://mirrors.sjtug.sjtu.edu.cn/
你自己的flutter bin文件夹路径
export PATH=/Users/houyadong/flutter/bin:$PATH
你自己的AndroidSdk路径
export ANDROID_HOME="/Users/houyadong/Library/Android/sdk"
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
直接复制粘贴
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://mirrors.sjtug.sjtu.edu.cn/
export PATH=/Users/houyadong/flutter/bin:$PATH
export ANDROID_HOME="/Users/houyadong/Library/Android/sdk"
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
命令行刷新配置
source ~/.bash_profile
如果以上都操作完毕后,使用flutter doctor
然后提示cmdline-tools component is missing
就需要在Android studio
中安装
Android Studio Electric Eel 2022.1 和Flutter3.7.8版本的几个坑
按照上述配置好之后,如果是Android Studio Electric Eel 2022.1 和Flutter3.7.8版本,则有以下几个问题
flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.7.8, on macOS 12.5 21G72 darwin-x64, locale zh-Hans-CN)
[!] Android toolchain - develop for Android devices (Android SDK version 33.0.1)
✗ Android license status unknown.
Run `flutter doctor --android-licenses` to accept the SDK licenses.
See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.
[✓] Xcode - develop for iOS and macOS (Xcode 14.2)
[✓] Chrome - develop for the web
[!] Android Studio (version 2022.1)
✗ Unable to find bundled Java version.
[✓] VS Code (version 1.75.1)
[✓] Connected device (4 available)
[✓] HTTP Host Availability
问题1,Android license status unknown.
根据提示,执行命令
flutter doctor --android-licenses
问题2,Unable to find bundled Java version.
因为Android Studio Electric Eel 2022.1版JDK位置变了,在网上碰巧查到有人说新建一个文件夹 jre 把 jbr 中的内容都 copy 到 jre中。我一想,如果是名字的问题,那也不用 copy 了,直接建一个软链不是更香吗?然后尝试下面的命令。
cd /Applications/Android\ Studio.app/Contents
sudo ln -s jbr jre
再次执行 flutter doctor 现在是一片绿色,现在看起来格外的顺眼。