如何在Mac M1芯片电脑上安装Flutter并建立自己第一个全系统应用

摘要

此前，伯衡君介绍过一套代码生成全系统的编程，全系统的意思就是可以生成Web，Android，iOS，Windows，MacOS以及Linux，没错，就是Flutter，具体可以参看下方的前情提要。前阵子忙，一直没有抽出时间研究这门编程语言，今天有时间了，就看了看，发现真的很容易学习，入门，上手，而且运行也很流畅，今天咱们一起来看看如何用Flutter撰写人生第一个全系统都能用的应用……

开篇寄语

此前，伯衡君介绍过一套代码生成全系统的编程，全系统的意思就是可以生成Web，Android，iOS，Windows，MacOS以及Linux，没错，就是Flutter，具体可以参看下方的前情提要。前阵子忙，一直没有抽出时间研究这门编程语言，今天有时间了，就看了看，发现真的很容易学习，入门，上手，而且运行也很流畅，今天咱们一起来看看如何用Flutter撰写人生第一个全系统都能用的应用。

前情提要

• 《Flutter2发布，一套代码适用全系统应用开发以及Web应用》

内容详情

虽然官方指导文档对于其如何在Mac电脑上安装Flutter有相关指导，但是似乎并不详尽，尤其是在Mac M1电脑上的安装，所以这里介绍一下伯衡君我是如何安装的。

• 打开Terminal，之后输入git clone -b beta https://github.com/flutter/flutter.git，等待SDK安装完成（如果你是在中国大陆，伊朗还有古巴这三个国家，请将互联网调成国际模式）
• 输入export PATH=$PWD/flutter/bin:$PATH，使得flutter tools加入到路径
• 输入flutter doctor，以下载安装上各种组件依赖，等待安装完成

以上都完成的话，那么恭喜你，你已经将Flutter SDK安装到你的MAC电脑上了，Windows也与之很类似。

接下来就是打造自己的app了，可以选择安装的编辑器有Android Studio，Xcode，VScode，Chrome等等，只需要再输入flutter doctor出现对勾，就说明成功了，如下图所示。

接下来，创建咱们第一个Flutter全系统应用吧。

• 输入flutter create my_first_app
• 请牢记这个my_first_app路径，一会儿要用
• 之后，键入cd my_first_app，进入这个文件夹后输入flutter run，你的第一个应用就出现在了Chrome浏览器内了，如下图所示。

可以在VScode打开my_first_app这个文件夹进行代码的编辑，那就涉及到相关的Flutter相关知识了，这里就不做引述了。

可以从列表中看出，已经含有Android，iOS等各种系统所包含的文件了，剩下的就是完善改编你的应用啦，这种快速创建应用的方法，极大了提高了生产力，缩短了开发时间。