准备工作:
- 下载 Xcode,在App Store直接下载即可
- 下载 Android Studio, 这是官方推荐的IDE之一,当然,也可以使用其它的,比如 VS Code,根据自己的习惯选择吧
- 下载 Flutter SDK
FlutterSDK处理:
-
把下载好的SDK解压,把flutter文件夹放到不会轻易误删的地方,我个人是放在文稿下面,按个人喜好决定放的位置
- 配置环境变量
vim ~/.bash_profile
打开.bash_profile开始编辑
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://flutter-io.cn
export PATH=/Users/kj/Documents/flutter/bin:$PATH
export PATH=/Users/kj/Documents/flutter/bin/cache/dart-sdk/bin:$PATH
注意,这里的 /Users/kj/Documents/flutter
是刚才加压后的flutter在电脑上的位置,直接拖拽到终端上会自动生成相对应的路径,编辑完后退出vim,
让修改的配置文件生效:
source ~/.bash_profile
Android Studio设置:
-
在插件这里,搜索Flutter和Dart,分别进行下载
1.flutter
2.dart
-
在prederences中下载SDK Tools,选中下面图片中勾选的几项进行下载
Xcode设置:
$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
以上路径时对于最新版Xcode的路径。如果你电脑上有多个Xcode,需要使用不同的Xcode版本,需要指定相应路径。
sudo xcodebuild -runFirstLaunch
检查环境:
flutter doctor
当终端显示
[!] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licens
根据提示在终端输入
flutter doctor --android-licenses
这里界面会要求输入Y/N,一路输入y即可。
[!]HTTP host https://maven.google.com/ is not reachable. Reason: An error occurred while checking the HTTP host: Operation timed out
解决方案:
- 打开
/path-to-flutter-sdk/packages/flutter_tools/lib/src/http_host_validator.dart
文件,修改https://maven.google.com/
为 google maven 的国内镜像,如https://maven.aliyun.com/repository/google/
- 删除
/path-to-flutter-sdk/bin/cache
文件夹 - 重新执行
flutter doctor
再次使用flutter doctor
检查时就没有任何问题了。
至此就完成了flutter的环境搭建了,接下来开始你的flutter之旅吧!