vlambda博客
学习文章列表

Flutter |macOS 下载安装配置

87

次推文


LZ-Says



好久不见,再度启程。


Flutter |macOS 下载安装配置


一、前言

起初,初始 Flutter,简单配置了一波,完了会儿,然后懒散的放弃了。


2020,不平凡的一年,多数在加办公,完成日常工作,也变得更加懒散。


想想以后,撸农药也是浪费时间,还是要把主要经历放在工作技术上,想想鸡老大~


加油~!


二、Start,启程


  • Flutter 官网

  • Flutter 中文社区

  • Flutter 中文网


1. 配置 Flutter 国内镜像 


export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 


2. 下载安装 Flutter

目前安装 Flutter 有下面两种方式:


  • 下载 Flutter SDK,解压配置即可;

  • 通过 git 方式获取(推荐此方式):


git clone https://github.com/flutter/flutter.git -b stable


不得不说,好网速,再配上鸡老大的幸运加持,下载那是相当速度,附个图: 


Flutter |macOS 下载安装配置


3. 将 Flutter 添加全局环境变量


添加全局环境变量好处多多。


# 配置本地 Flutter SDK 地址export FLUTTER_HOME=/Users/HLQ/flutter/binexport PATH=$PATH:${FLUTTER_HOME}


随后,通过 which flutter 验证已配置的 Flutter 是否可用:


Flutter |macOS 下载安装配置


这里附上最终版:


# Flutter# 配置国内镜像export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn# 配置本地 Flutter SDK 地址 这里记得修改为本地目录地址export FLUTTER_HOME=/Users/HLQ/flutter/bin export PATH=$PATH:${FLUTTER_HOME}


4. 通过 flutter doctor 验证当前 Flutter 开发环境是否完善


Flutter |macOS 下载安装配置


当然,贴心的 Flutter 针对我们当前 Flutter 缺失的部分给出了解决方案:


Flutter |macOS 下载安装配置


4.1 同意 Android 许可协议


Flutter |macOS 下载安装配置


我这里主要是各种 y 同意 Android 的一些许可协议,直到下方出现如下所示,代表当前 Flutter Android 环境 Okay~


Flutter |macOS 下载安装配置


4.2 iOS 许可授权


由于我下载了 Xcode 重来没打开过,所以需要启动 Xcode,点击有个类似同意授权的框即可。


完成之后可以通过 sudo xcodebuild -license 来验证 iOS 许可是否成成功同意。


Flutter |macOS 下载安装配置


无止境的空格、空格,随后在最后输入 agree 即可。


4.3 CocoaPods 安装


首先了解下这玩意是个啥:


  • CocoaPods 用于检索 iOS 和 macOS 平台端的插件代码,以响应在 Dart 端使用的插件。


键入以下命令进行安装:


  • sudo gem install cocoapods


稍等片刻,估摸一根烟的功夫,足够了。


5. 再次通过 flutter doctor 检测 Flutter 开发环境 


Flutter |macOS 下载安装配置


IDEA 目前用不着,暂时不下载了。


到此,Flutter 基本环境已下载安装配置完成。


三、参考资料


  • Flutter 官网

  • Flutter 中文网


四、番外篇


4.1 如何打开 macOS 上的 iOS 模拟器?


Flutter |macOS 下载安装配置


键入 open -a Simulator 即可。


4.2 补充 Android Studio 安装相关插件(2020-04-23)


家里的电脑之前配置过 Flutter 在 Android Studio 上的插件,新电脑配置时提示如下:


[!] Android Studio (version 3.6) ✗ Flutter plugin not installed; this adds Flutter specific functionality.    ✗ Dart plugin not installed; this adds Dart specific functionality.


打开 Android Studio 插件中搜索 Flutter 安装并重启即可,随后再次使用 flutter doctor 验证即可。


Flutter |macOS 下载安装配置


4.3 Android license status unknown.


先附上异常信息:


[!] Android toolchain - develop for Android devices (Android SDK version 29.0.3) ✗ Android license status unknown. Try re-installing or updating your Android SDK Manager.      See https://developer.android.com/studio/#downloads or visit https://flutter.dev/setup/#android-setup for detailed instructions.


接着输入 flutter doctor --android-licenses 实验一下:


 ~ flutter doctor --android-licensesAndroid sdkmanager tool not found (/Users/heliquan/Library/Android/sdk/tools/bin/sdkmanager).Try re-installing or updating your Android SDK,visit https://flutter.dev/setup/#android-setup for detailed instructions.


打开 Android Studio SDK Manager,选择 SDK Tools,取消勾选下面的 Hide Obsolete Packages,勾选 Android SDK Tools(Obsolelte)下载即可。


Flutter |macOS 下载安装配置


接着再次输入 flutter doctor --android-licenses ,各种 y 即可。

最后再次运行 flutter doctor:


➜ ~ flutter doctorDoctor summary (to see all details, run flutter doctor -v):[✓] Flutter (Channel stable, v1.12.13+hotfix.9, on Mac OS X 10.15.4 19E287, locale zh-Hans-CN)[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)[✓] Xcode - develop for iOS and macOS (Xcode 11.4)[✓] Android Studio (version 3.6)[!] Connected device    ! No devices available


4.4 Failed to retrieve the Dart SDK from: storage.googleapis.com/flutter_inf…


关键就是环境变量中添加这个国内镜像:


Flutter |macOS 下载安装配置


这里附上一个我个人的操作图:


Flutter |macOS 下载安装配置


4.5 创建 Flutter 卡死情况(2020-05-08)


从昨天就开始遇到这个创建 Flutter 项目卡死的情况,网上各种各样的说法都有,尝试了很多种,甚至差点卸载重装。


可惜呀,懒癌上身,我才不会卸载~


不皮了,说下我的问题吧。


其实主要原因就是不知道啥情况导致 进程中存在 6 个 dart,是的,你没看错,我也没数错,确确实实是 6 个,果断挨个恁死,随后打开 AS 创建,一路畅通。


Thanks:


  • Android sdkmanager tool not found

 






欢迎各位关注

不定期发布

见证成长路

Flutter |macOS 下载安装配置
Flutter |macOS 下载安装配置





觉得不错,右下角点个好看呗~