MacOS上安装Flutter

老规矩,放几个权威性的链接
Flutter中文官网
Flutter官网

一、 下载

官网提供两个地方+我自己上传1.20.2的百度云

Flutter官网下载:https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos
Flutter-GitHub:https://github.com/flutter/flutter
1.20.2的百度云:链接: https://pan.baidu.com/s/1ueAeS21wGTlnJkfnBnWipw 密码: em4n

从GitHub下载Flutter的时候,用git clone +链接的方式

二、 解压

解压上面下载的安装包,里面是一个flutter的文件夹,你可以放在任何位置;我在用户根目录下面创建了一个FlutterSpace文件夹,放在这里了;记住这个路径,后面会用

/Users/xxxx/FlutterSpace

3.0配置镜像、环境变量

a. 进入用户根目录,显示所有隐藏文件
b. 确定环境变量配置的地方:

在 Linux 、 MacOS Mojave 及 Mojave 之前的系统里,默认使用 Bash ,对应修改:.bashrc文件
MacOS Catalina,默认使用ZShell,对应修改:.zshrc文件

查找shell类型:

echo $SHELL

MacOS上安装Flutter_第1张图片

c. 更改配置文件
在此强调,先确定自己配置文件地方是.bashrc文件还是.zshrc文件,然后再操作此步,否则配置无效;我把两种形式的更改命令都贴进来了,选自己合适的

vim ~/.bashrc
vim ~/.zshrc

菜鸟教程关于vim的讲解,这里我贴了两个用到的键

vim的编辑:按一下 i
vim的保存并退出:先按:,再键入wq

d. 配置镜像、环境变量
将下面的代码贴进上面 wim的地方,分两步:第一步是配置环境,

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

第二步,将flutter相关工具到PATH环境变量中,将xxxx换成1.0中你放flutter解压文件的路径

export PATH=xxxx/flutter/bin:$PATH

这两步配置完成后,保存退出。

MacOS上安装Flutter_第2张图片

e.执行下面命令使镜像、环境变量生效

source ~/.zshrc

结束后,通过下面的命令检测是否配置成功

flutter -h

每个时期成功的log不一样,我贴下我成功的Log

4.0 检查依赖

键入下面命令,检查哪些依赖没有成功,这里有两个开发工具需要下载:Xcode(开发苹果产品的IDE)、AndroidStudio(开发安卓产品的IDE)

flutter doctor

MacOS上安装Flutter_第3张图片

依赖.png

Log中可以看出少了AndroidStudio,继续去配置开发工具相关的依赖

5.0 .配置开发工具的依赖

Xcode:https://apps.apple.com/cn/app/xcode/id497799835?mt=12
AndroidStudio:https://developer.android.google.cn/studio/

Xcode不需要配置,配置一下AndroidStudio即可。
打开AndroidStudio,会出现下面要配置代理的地方,可配也可不配

MacOS上安装Flutter_第4张图片

AndroidStudio-proxy.png

一路点下去,然后找到右上角偏好设置

MacOS上安装Flutter_第5张图片

偏好设置.png


找到Plugins,搜索Flutter,点击右侧Install

MacOS上安装Flutter_第6张图片

Plugins-Flutter.png

MacOS上安装Flutter_第7张图片
Install之后,点击Restart IDE

Restart IDE.png

Restart之后,进入偏好设置的Plugins的Installed中查看是否有Flutter,没有的话只来一次

MacOS上安装Flutter_第8张图片

现在再去终端检测Fullter的依赖

MacOS上安装Flutter_第9张图片

依赖.png

安卓许可证?行吧,按着提示在下面键入下面命令,并再相应提示输入很多个y表示同意,我输入了八次,这里就不一一贴出来了

flutter doctor --android-licenses

MacOS上安装Flutter_第10张图片

参考链接:​​​​​​解决android sdk中找不到tools目录Android sdkmanager tool not found (D:\Android\SDK\tools\bin\sdkmanager)._Ding丶的博客-CSDN博客_android sdk没有tools

----------------------------------------------------------------------------------------

flutter 报错: Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to
resolve this.

MacOS上安装Flutter_第11张图片 

 ---------------------------------------------------------------------------------------------------

MacOS上安装Flutter_第12张图片

MacOS上安装Flutter_第13张图片

参考链接:flutter 报错javax/xml/bind/annotation/XmlSchema 最好的解决方法_naliazheli的博客-CSDN博客

iOS toolchain - develop for iOS devices
✗ Xcode installation is incomplete; a full installation is necessary for iOS development.
Download at: https://developer.apple.com/xcode/download/
Or install Xcode via the App Store.
Once installed, run:
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

链接:MacOS搭建flutter环境填坑 - 简书

最终会出现成功的Log

allpackage.png

再检测依赖!成功了

成功了

到此,Flutter的依赖终于全部搞定。



作者:封丑儿
链接:https://www.jianshu.com/p/8bce645840c4
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

你可能感兴趣的:(flutter,macos)