欢迎点赞评论加收藏

直接进入主题=====》

步骤一:
下载Flutter SDK
官网链接请拿走:
(英文版)https://docs.flutter.dev/development/tools/sdk/releases?tab=macos
(中文版)https://flutter.cn/docs/get-started/install/macos
注意一点:

请根据自身电脑的芯片处理器来选择合适的SDK下载
M系列的芯片处理器,建议下载arm64,其他的选择X64即可.

步骤二:
解压保存Flutter

步骤三:
打开终端

  1. cd+空格+Flutter存放路径====》可以找到Flutter文件,把它拖入终端
  2. 点击回车(请不要退出或是关闭终端)

步骤四:
配置环境变量

  • 终端上输入:vim ~/.bash_profile 接着按回车
    接着会进入此界面(如果进不去,可以参考文章尾部报错是否一样)
    在这里插入图片描述 然后,点击:i 按键,进入到环境变量编辑模式–INSERT,如图:
    在这里插入图片描述
    此时,打开备忘录或是其他编辑平台(终端不要关闭或退出),接着滑到终端最开始拉入Flutter路径的那一段,把Flutter路径复制出来。然后,替换下面红色标记这一截(路径替换成自己本地的)

export PATH=/Users/apple/flutter_mac/flutter/bin:$PATH

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

export FLUTTER_STORAGE_BASE_UUL=https://storage.flutter-io.cn

替换好之后,复制这三行东西,回到终端,粘贴进去(如图);
在这里插入图片描述

粘贴进去之后,鼠标键盘不要乱动!!! 接着按一下esc按键,然后输入冒号和wq
:wq 如下图所示
在这里插入图片描述
接着按回车,回到了这个界面
在这里插入图片描述
到了这里,离胜利就不远了,是不是感觉很简单

接续输入:source ~/.bash_profile 按回车
在这里插入图片描述

输入:flutter doctor 输入之后静待结果,不要退出

结果可能会报以下错误
在这里插入图片描述
针对cmdline--tools component is missing 错误,看到尾部提示没有:“cmdline--tools; latest
打开Android studio安装这几个即可
在这里插入图片描述

安装完毕之后,再次执行:flutter doctor
接着执行:flutter doctor --android-licenses 记住:执行这个后,要一直选择y

然后,再次执行:flutter doctor

针对于Xcode上 Cocoapods not installed这个错误,常规解决办法:
1、先在电脑终端上查看是否已经安装下载有:执行pod --version
2、若无,则执行下载:sudo gem install cocoapods

下载完成后,可执行pod --version查看Cocoapods版本号,最后接着执行:flutter doctor 即可;

此时,之前的报错已修复。最后再次打开Android studio,进入到插件安装位置,选择Flutter 、 Dart进行安装。安装完之后退出Android studio,接着重新打开便会看到有新建Flutter工程选项
在这里插入图片描述

注意事项

如果在vim ~/.bash_profile 这一步打不开,报这个错误:-bash: export: /bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin': not a valid identifier

可以执行这个指令:

export PATH=/bin:/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin

接着重新输入:vim ~/.bash_profile 即可打开使用

  1. 安装Cocoapods出现异常问题,可以参考一下这个文档里面的相关介绍及异常指南

https://guides.cocoapods.org/using/getting-started.html#installation

**

关于✗ Unable to find bundled Java version.的解决方式

**:
(1)打开Android studio 显示包内容
在这里插入图片描述
(2)在Contents文件目录下新建jre文件,然后将jbr文件里面的contents文件复制到jre文件,进行保存。
在这里插入图片描述
最后接着执行:flutter doctor 即可;

长那么大还没喝过下午茶,得闲可以请一杯咖啡☕️吗?各位老板们 $ + $

在这里插入图片描述

分享完了,技术在变迁,若有不足之处,还望包涵~~~~~

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐