準(zhǔn)備工作:
- 下載 Xcode,在App Store直接下載即可
- 下載 Android Studio, 這是官方推薦的IDE之一,當(dāng)然,也可以使用其它的,比如 VS Code,根據(jù)自己的習(xí)慣選擇吧
- 下載 Flutter SDK
FlutterSDK處理:
-
把下載好的SDK解壓,把flutter文件夾放到不會輕易誤刪的地方,我個(gè)人是放在文稿下面,按個(gè)人喜好決定放的位置
解壓后得到的flutter文件夾 - 配置環(huán)境變量
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在電腦上的位置,直接拖拽到終端上會自動(dòng)生成相對應(yīng)的路徑,編輯完后退出vim,
讓修改的配置文件生效:
source ~/.bash_profile
Android Studio設(shè)置:
-
在插件這里,搜索Flutter和Dart,分別進(jìn)行下載
1.flutter
flutter
2.dart
dart -
在prederences中下載SDK Tools,選中下面圖片中勾選的幾項(xiàng)進(jìn)行下載
sdk tools
Xcode設(shè)置:
$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
以上路徑時(shí)對于最新版Xcode的路徑。如果你電腦上有多個(gè)Xcode,需要使用不同的Xcode版本,需要指定相應(yīng)路徑。
sudo xcodebuild -runFirstLaunch
檢查環(huán)境:
flutter doctor
當(dāng)終端顯示
[!] 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
根據(jù)提示在終端輸入
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 的國內(nèi)鏡像,如https://maven.aliyun.com/repository/google/ - 刪除
/path-to-flutter-sdk/bin/cache文件夾 - 重新執(zhí)行
flutter doctor
再次使用flutter doctor檢查時(shí)就沒有任何問題了。
至此就完成了flutter的環(huán)境搭建了,接下來開始你的flutter之旅吧!



