初会Flutter,Mac 版Android Studio环境搭建那些......

 本文将介绍Mac上面AS安装Flutter环境的过程中走过的一些坑。。。。。本文仅以个人安装步骤来的,各人按照自己的来就好

下载Flutter

在环境配置之前你的先下载下Flutter SDK,推荐大家官网下载:https://flutter.dev/docs/get-started/install


初会Flutter,Mac 版Android Studio环境搭建那些......_第1张图片
image

大家根据自己需要选择下载安装,本文主要是以macOS为准的。

Windows的可以参考下:https://blog.csdn.net/jiangbw415/article/details/82993808

下载完成后copy到你需要安装的文件下面解压


初会Flutter,Mac 版Android Studio环境搭建那些......_第2张图片
image


下载好并解压到选择好的文件夹后,开始配置环境变量

打开终端,输入:open .bash_profile


image

在.bash_profile文件中添加FlutterSdk的路径:

export PATH=${PATH}:/Users/macbookpro/Desktop/Flutter/flutter/bin:$PATH

添加完成之后保存一下.bash_profile文件

执行命令:source .bash_profile

现在Flutter的基本的环境已经配置的差不多了(还有一个变量没有配置好,在Android Studio中运行Flutter项目的时候你的Android模拟器是找不到的,这种情况下面会介绍到),开始查看环境是否配置成功。

输入:flutter -h


初会Flutter,Mac 版Android Studio环境搭建那些......_第3张图片
image


现在环境基本上已经配置成功了,开始运行Android Studio试一下,可以看到现在iOS的模拟器是已经可以运行了的,但是Android的模拟器是完全找不到的,上面已经介绍了这种情况,下面会给出解决的方法。


初会Flutter,Mac 版Android Studio环境搭建那些......_第4张图片
openAS


这个时候继续打开终端,检查flutter的环境

输入:flutter doctor


初会Flutter,Mac 版Android Studio环境搭建那些......_第5张图片
flutter doctor

按照检测结果的说明,如果有 ✗ 标志,表示本行检测不通过,需要做一些设置或者安装一些软件。[!]表示警示作用,检测通过但是还少其他的东西,不过可以通过运行了的。

这个时候还是继续打开配置文件:

打开终端,输入:open .bash_profile

新增下面的Android SDK的环境变量

初会Flutter,Mac 版Android Studio环境搭建那些......_第6张图片
add sdk

添加完成Android SDK的环境变量之后,在保存一下.bash_profile文件,在终端中在执行一下

运行命令:source .bash_profile

最后在运行一下:flutter doctor



初会Flutter,Mac 版Android Studio环境搭建那些......_第7张图片
run-image

最后重启一下Android Studio,重新打开flutter项目,现在完美解决Flutter的环境问题和运行了

初会Flutter,Mac 版Android Studio环境搭建那些......_第8张图片
begin

Mac版Android Studio 的Flutter的环境完美收官,现在可以愉快的玩转flutter开发了,PS:Windows系统上面的iOS模拟器打不开可以添加黑苹果或者其他的方法。


感谢各位看官的观看,如果还有其他的疑问,可以在评论区的留一下哦~~~~

你可能感兴趣的:(初会Flutter,Mac 版Android Studio环境搭建那些......)