Flutter入门详细安装教程（Mac版）

作为一名iOS的多年开发者，在flutter大潮如此凶猛之下，我依然还是在坚持iOS原生开发，哈哈哈！不过这些年也玩过很多，比如小程序等等，说到这里顺带说几句小程序，个人感觉小程序还是挺好玩的，就是相比iOS原生开发，小程序非得分几个不同功能的文件有点分离感，其它的还是不错，特别是有时候在为原生UI布局苦恼的时候 ，小程序分分钟的事情。而这次为什么又来说说flutter呢？因为经过身边人的口碑以及大厂闲鱼APP等等推广，好像flutter是确实不错。而大概在四年前的时候还接触过Ionic，这种所谓的混合确实太不舒服了 ，而且打出来的包质感真是不好，特别是对开发也不友好，万一出现问题，非常难以定位。
好了，前言就说到这里吧，下面正式开始介绍一下我尝试flutter开发的事情 ，既然要尝试使用flutter开发，那么首先想到的肯定要进行环境和IDE工具的安装，步骤如下：

一、下载Flutter SDK

地址：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos

flutter SDK

这里说明几句，个人建议作为新手，其实也不管是啥手，只要不是万不得已，任何开发工具或者SDK或者系统最好还是选择稳定版本，不要去当炮灰，一是耽搁自己的时间，二是出了莫名其妙的问题找不到解决的方法。

flutter SDK

下载之后直接解压出来，然后会有一个flutter的文件夹出现，如下图：

flutter文件夹

到此flutter SDK暂时准备好了

二、下载Android Studio

地址：https://developer.android.com/studio#downloads

这里再另外说明一个关于下载IDE的问题，个人同样建议IDE开发工具一定要去官网下载以及正规渠道获取，为什么呢，说一个好些年前发生的一个很有名的第三方下载Xcode含有病毒的事件，所以不管何时何地，获取开发工具最好都是通过官方可靠渠道。

下载界面 选择版本

按以上步骤，下载好DMG包之后安装好Android Studio，然后进行插件安装

安装flutter插件

安装flutter插件

同时在安装flutter插件的时候，会自动安装Dart插件，这样Android Studio暂时搞一段落。

三、执行相关命令

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH="/Users/xiaomifeng/flutter/bin:$PATH"

说明：export PATH="/Users/用户名/flutter/bin:$PATH"

这里的后面的地址指的就是我们在第一步安装的flutter文件所在的位置，如下图：

flutter所在位置

export ANDROID_HOME="/Users/用户名/Library/Android/sdk" //android sdk目录，替换为你自己的 
export PATH=${PATH}:${ANDROID_HOME}/tools 
export PATH=${PATH}:${ANDROID_HOME}/platform-tools 

执行完上面的6条命名之后，执行：

flutter doctor

这个时候会报一个错误，如下：

[!] Android toolchain - develop for Android devices 
    ✗ Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses 

会发现有黄色警告，没有安装安卓证书。按提示进行操作：

flutter doctor --android-licenses

然后根据提示一直y，y到结束为止就可以了。

四、创建第一个flutter项目

创建项目

如果以上的方法帮助到你了，欢迎分享，更欢迎简书底部赞赏，也可以直接打开支付宝进行打赏支持作者创作，感谢感谢！

支付宝账号：zouhuaping123@qq.com

欢迎和我交流，QQ：834537795（小蜜蜂）