MacOS搭建Flutter开发环境

Posted 码农花生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了MacOS搭建Flutter开发环境相关的知识,希望对你有一定的参考价值。

本没打算记录这么没有什么技术含量的文章,但是今天在一台全新的电脑上重新搭建Flutter开发环境的时候发现了如下问题:

1、环境变量设置混乱(环境变量的配置文件太多,如:.profile、.bash_profile、.zshrc、.bashrc、.mkshrc)。

2、android Studio 3.6.1编译android和ios产物时报错。

3、对于Flutter不断的迭代,Android Studio IDE不断迭代的时间线上记录一下相关的Flutter环境配置的更迭吧,遇到问题也好有个复盘的参考(网上文章一大抄,还耽误事)。

获取Flutter SDK

  • 去flutter官网下载安装包,转到下载页 。

  • 也可以去Flutter github项目下去下载安装包,转到下载页 。
    下载到本地某个文件夹中进行解压即可:

  • 也可以直接通过 git 命令下载安装包。

MacOS搭建Flutter开发环境

配置环境变量

MacOS搭建Flutter开发环境

由于本人使用的终端工具是iTerm2,相关的环境变量基本都是设置在.bash_profile文件里,然后我在iTerm2中执行flutter doctor命令后,MacOS系统自动会将刚配置的环境变量自动拷贝一份到.zshrc文件中,不知道如果没有安装iTerm2的结果是怎么样的。如下:

MacOS搭建Flutter开发环境

运行flutter doctor自动配置Flutter环境

可是用source ~/.bash_profile使上面设置的环境变量立即生效。

MacOS搭建Flutter开发环境

如果直接安装的Android Studio 3.6.1及以后版本,flutter doctor会提示需要进行如下设置,通过验证,本人的另外一台MacOS将Android Studio 3.5.3升级到Android Studio 3.6.1则已自动配置完成。如果不配置,在编译Flutter的android产物时会报错。

配置完成之后其他的环境就不需要额外配置了,例如:Dart。

Flutter升级

可以直接通过变更Flutter对应的分支即可。

Tips:

  • 再次运行flutter doctor命令来验证你是否已经正确地设置。

  • flutter工具使用Google Analytics匿名报告功能使用情况统计信息和基本崩溃报告。这些数据用于帮助改进Flutter工具。Analytics不是一运行或在运行涉及flutter config的任何命令时就发送, 因此您可以在发送任何数据之前退出分析。要禁用报告,请执行flutter config --no-analytics并显示当前设置,然后执行flutter config。



以上是关于MacOS搭建Flutter开发环境的主要内容,如果未能解决你的问题,请参考以下文章

MacOS搭建Flutter开发环境

Flutter 徐徐图之—— 从搭建开发环境到 Hello World

移动端混合开发Flutter入坑环境搭建

Mac环境下的flutter配置及安装

Flutter 之Mac环境搭建

Flutter 之Mac环境搭建