Mac如何配置 Flutter 开发环境？

前言

本篇文章介绍 Mac 搭建 Flutter 开发环境的步骤，Joe大叔将和大家一起完成这一过程。这里以 macOS 为例，Windows 和 Linux 可直接访问 Flutter 中文网 进行参阅。想要了解更多，请接着往下看。

一、Flutter 是什么？

Flutter是谷歌的移动UI框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。它具有以下三个显著特点：快速开发、富有表现力和灵活的UI、原生性能。Flutter中文网入口点击这里

二、搭建步骤

1.获取 Flutter SDK

1.1 下载 SDK，点击打开下载页 

这里我们选择稳定发布版本2.5.0即可，压缩包体积1.15G左右。 

 1.2 解压安装包到指定目录，可在桌面新建 Development 文件夹，将解压后的 SDK 包拖拽到此文件夹内

 1.3 配置 Flutter 环境变量

首先确认系统默认使用的 shell，在终端输入如下命令：

chsh

然后打开需要配置环境的文件，继续终端输入命令：

vi ~/.zshrc

其次开始编辑，结果如下：

然后我们加载新环境变量，验证 “flutter/bin” 是否已在 path 中，终端输入命令：

echo $PATH

 验证结果如下所示：

最后校验是否需要安装其他依赖项，终端输入命令：

第一次运行一个 flutter 命令（如flutter doctor）时，它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

flutter doctor

Joe大叔已经安装好了 Xcode 和 Android Studio，编辑器大家可以去 App store 下载 Xcode，点击下载并安装 Android Studio

2.配置编译器

Xcode 配置很省心，如果想要详细了解流程的话，可以点击这里。这里主要以 Android Studio为例，讲解下安装 Flutter、Dart插件的步骤。

2.1 安装 Android Studio

2.2 安装 Flutter、Dart 插件

先启动 Android Studio；然后打开首选项 Preference > Plugins > Flutter Install

安装成功如上图所示。

3.体验 Flutter

3.1 创建一个新应用

点击 Create New Flutter Project，然后点击 Next

输入项目名称，比如myflutterapp，再点击 Finish

稍等片刻后，自动打开项目

3.2 运行创建的应用到模拟器

我们有两种模拟器，一是 Xcode自带的，二是 Android Studio 自带的。

这里模拟器加载会需要一些时间，模拟器打开后，选择运行到模拟器

---

 至此我们已经完成了构建 Flutter 开发环境以及运行第一个 Flutter App 的全部过程。如果有朋友遇到一些莫名问题的话，可以留言或者自行查阅相关解决方案，Joe大叔非常乐意和大家一起解决任何问题。

总结

通过本文我们已经完成了 Flutter 开发环境的搭建过程，相信朋友们也都成功运行了第一个 Flutter 应用了。我将在以后的篇章中，逐步介绍 Flutter 开发的各种知识点。感谢能坚持看完本文的朋友们，我们下期再见！