首页 > 其他分享 >Flutter 笔记 |macOS 下载安装配置

Flutter 笔记 |macOS 下载安装配置

时间:2022-11-11 22:38:37浏览次数:61  
标签:macOS https doctor flutter 下载安装 Android Flutter SDK

好久不见,再度启程。

Flutter 笔记 |macOS 下载安装配置_android

一、前言

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

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

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

加油~!

二、Start,启程

鸡老大说,官网是最好的学习资料,下面附上官网以及中文网地址:

  • ​​Flutter 官网​​
  • ​​Flutter 中文社区​​
  • ​​Flutter 中文网​​

1. 配置 Flutter 国内镜像

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export 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 下载安装配置_android_02

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

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

Flutter 笔记 |macOS 下载安装配置_Flutter_03

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

Flutter 笔记 |macOS 下载安装配置_ios_04

这里附上最终版:

# Flutter
# 配置国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export 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_05

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

Flutter 笔记 |macOS 下载安装配置_flutter_06

4.1 同意 Android 许可协议

Flutter 笔记 |macOS 下载安装配置_flutter_07

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

Flutter 笔记 |macOS 下载安装配置_ios_08

4.2 iOS 许可授权

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

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

Flutter 笔记 |macOS 下载安装配置_flutter_09

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

4.3 CocoaPods 安装

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

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

键入以下命令进行安装:

  • sudo gem install cocoapods

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

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

Flutter 笔记 |macOS 下载安装配置_android_10

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

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

三、参考资料

  • ​​Flutter 官网​​
  • ​​Flutter 中文网​​

四、番外篇

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

键入 open -a Simulator 即可。

Flutter 笔记 |macOS 下载安装配置_android_11

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 下载安装配置_Flutter_12

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-licenses
Android 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_13

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

最后再次运行 flutter doctor

➜  ~ flutter doctor
Doctor 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_14

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

Flutter 笔记 |macOS 下载安装配置_flutter_15

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

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

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

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

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

2020-05-16 更新:

这个东东好奇怪,很多种情况,发现一种有效情况处理方案就是将 VPN 设置为全局模式。

Thanks:

  • ​​Android sdkmanager tool not found​​

标签:macOS,https,doctor,flutter,下载安装,Android,Flutter,SDK
From: https://blog.51cto.com/u_13346181/5845461

相关文章

  • 杂谈 | 在 macOS 上使用 Hugo + Coding 搭建个人博客
    文章目录​​前言​​​​旅途特色​​​​QuickStart​​​​一、Hugo配置以及使用​​​​1.Hugo下载安装​​​​2.创建本地网站​​​​3.下载喜欢的HugoTheme......
  • NC-UClient下载安装应用详解
    aliases:[]tags:"#NC"summary:[UClient下载安装NCC应用详解]product:[NCX]author:[yaenli]date:[2022-11-03]1关键文件客户端UClient主日志:UClien......
  • 【MAC】下载安装Tomcat和jenkins
    一、Tomcat1、官网下载(https://tomcat.apache.org/download-10.cgi)download选择Tomcat最新版(目前是10.0版本)在BinaryDistributions下的Core选择tar.gz下载完成后,解......
  • KVM/QEMU(virt-manager)使用iso镜像安装macOS bigsur 11.4
    参考:https://blog.csdn.net/u012332816/article/details/1221868991.背景本人没有mac电脑,但是需要在macOS上做一些事情,原来我在VMWareWorkstations和VirtualBox......
  • flutter 原生iOS/Android处理图片压缩并返回
    flutter处理图片压缩效率不高,使用了flutter_luban这个框架压缩,仍然不能达到比较理想的效果,想到原生的压缩效率很高,于是想到了使用iOS/Android原生来处理压缩,然后通过消息返......
  • macOS brew uninstall node.js All In One
    macOSbrewuninstallnode.jsAllInOneerror$whichnode/usr/local/bin/node$brewuninstallnode@12.14.8--forceTraceback(mostrecentcalllast): 11:f......
  • 学习笔记-Flutter 布局控件完结篇
    Flutter布局控件完结篇本文对Flutter的29种布局控件进行了总结分类,讲解一些布局上的优化策略,以及面对具体的布局时,如何去选择控件。1.系列文章Flutter布局详解Flut......
  • 学习笔记-Flutter 动画详解(一)
    Flutter动画详解(一)本文主要介绍了动画的原理相关概念,对其他平台的动画做了一个简要的梳理,并简要的介绍了Flutter动画的一些知识。1.动画介绍动画对于App来说,非常的......
  • 学习笔记-Flutter 动画详解(二)
    Flutter动画详解(二)本文通过代码层面去分析Flutter动画的实现过程,介绍了Flutter中的Animation库以及Physics库。1.介绍本文会从代码层面去介绍Flutter动画,因此不会涉......
  • 学习笔记-Flutter 布局(十)- ListBody、ListView、CustomMultiChildLayout详解
    Flutter布局(十)-ListBody、ListView、CustomMultiChildLayout详解本文主要介绍Flutter布局中的ListBody、ListView、CustomMultiChildLayout控件,详细介绍了其布局行为以......