背景

        2022年Flutter似乎是一个前端🐶技术栈中绕不过去的话题。在大前端的背景下，不能光关注浏览器端的实现，更应该放眼于移动端和桌面端。可能有童鞋会说一门React足够走遍天下，但细细对比，专业的事还是得交给专业的人来做的（笔者后续会出一片Flutter vs ReactNative的对比文章）。当然啦，笔者和大多数前端童鞋一样都想着躺平，抱着能不学就不学的态度，还是含泪入门了Flutter，结果是真香！

环境搭建

       tip: 本教程只针对ARM Mac小伙伴，其他平台的小伙伴请移步官网https://flutter.cn/docs/get-started/install。

1. 官网获取最新的稳定版 Flutter SDK，并解压到目标文件夹
   https://storage.flutter-io.cn/flutter_infra_release/releases/stable/macos/flutter_macos_arm64_3.3.10-stable.zip
   
2. 配置环境变量
   

   export PATH="$PATH:`pwd`/flutter/bin"

3. 运行doctor命令检查是否需要安装其他依赖，根据报错提示进行安装
   

   flutter doctor

4. 根据自身情况下载Xcode和Android Studio

开发工具

      笔者同时使用Android Studio(综合项目)和VS Code(dart代码调试)，两者各有优劣，可根据自身情况进行选择

VS Code

1. 前往VS Code Extensions 安装Dart和Flutter插件
   
   
2. 点击重新载入以重新启动VS Code

Android Studio

1. 打开 Android Studio插件设置(Preferences -> Plugins)
2. 安装Flutter插件
3. 根据提示是否重启Android Studio

初始化应用

1. 打开终端，输入以下命令，里面包含一个简单的示例程序，里面用到了 Material 组件
   Material组件参考地址：https://api.flutter.dev/flutter/material/material-library.html
   

   flutter create <projectname>

2. 等待项目创建完成，入口文件为main.dart，终端中输入启动命令

   flutter run

    

3. 从 Device Selector 区域选择一个设备（可根据自身需求选择设备）
   

    

4. 'r' 可以进行重启
   

好啦，以上就是Flutter的快速安装教程，下面的篇章将介绍Dart基础和Flutter基础架构。