Mac搭建Flutter环境

准备工作:

  • 下载 Xcode,在App Store直接下载即可
  • 下载 Android Studio, 这是官方推荐的IDE之一,当然,也可以使用其它的,比如 VS Code,根据自己的习惯选择吧
  • 下载 Flutter SDK

FlutterSDK处理:

  • 把下载好的SDK解压,把flutter文件夹放到不会轻易误删的地方,我个人是放在文稿下面,按个人喜好决定放的位置


    解压后得到的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


    flutter

    2.dart


    dart
  • 在prederences中下载SDK Tools,选中下面图片中勾选的几项进行下载


    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之旅吧!

你可能感兴趣的:(Mac搭建Flutter环境)