M1芯片Mac搭建Flutter开发环境全攻略

嗨，这里是逻辑iOS技术号：一个让知识变得感性，让学习变得轻松！活跃的技术小站，希望给你的生活与技术带来意思不一样！关注公众号，回复“ 面试题”，即可领取更多大厂面试题型哦~ 小逻辑相信我们的生活不止眼前的苟且，还有我们向往的诗和大厂高薪工作~

 

Flutter是目前全世界最流行的一个跨平台的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。

并且是Google的亲儿子，也对于混合开发非常友好，最重要的是，他是完全免费的，并且开源。

Flutter有什么优点呢？官方也很明确的表达了三个点:

1、快速开发；

2、富有表现力和灵活的UI；

3、原生性能。

首先，能够进行快速开发。得益于Flutter的热重载特性，修改任意代码后保存，模拟器上的应用会立即更新，做到几乎与前端发开一样的便捷高效，并且还不会丢失状态，什么意思呢，就是说，我们操作过的数据，滑动过的列表的位置，都不会重置，总之，非常高级就对了。

其次，灵活的UI搭建以及布局。Flutter已经内置了Material和iOS风格的widget，客户没有特别的要求的话，搭建一个框架出来也就分分钟的事，全部是widget进行排列组合。

并且，布局方面也比苹果的AutoLayout高级多了，直接拿来了前端的FlexBox布局，写代码的时候完全不用考虑去计算frame，也不用考虑多设备适配问题，非常的前卫。

最后，Flutter可以达到与原生应用几乎一样的性能，所以，最最影响用户体验的性能问题，我们也不用担心太多，常用的UI组件也都用widget封装好了，拿来即用。

而且，很多企业、很多项目，已经在使用Flutter了，甚至也有了不少纯Flutter开发的app，原因很简单，使用Flutter进行app开发可以给企业至少节省一半的成本，企业就不需要养着一群安卓开发和iOS开发。

只需要几个Flutter工程师，一套代码，就齐活了，时间成本、金钱成本、沟通成本，都节省了，并且Flutter他的性能是非常优秀的，使用也非常稳定，几乎不会造成莫名其妙的crash，容错率也大大增加了，而这些恰好都是企业最关心的痛点。

当前的移动端大环境越来越卷，跨平台也一直在挤兑移动端，对于我们iOS开发者来说，掌握一门跨平台技术是越来越迫在眉睫的事情了，不仅是对提升当前的薪资水平有帮助，而且也能给自己提供一个更大的发展空间，未来就有一个更多的可能性。

铺垫完了回到正题，这篇文章呢，主要记录我使用M1芯片的Mac Mini搭建Flutter开发环境的全过程，以及注意事项和坑点。

首先明确配置步骤：

1、Flutter环境配置；

2、IDE安装配置&#x