M1 Flutter SDK 安装和环境配置

前言

作为iOS 开发，观望了许久的Flutter ，还是对它下手了，不是故意要卷，没办法工作需要！既然要学Flutter，首先就得配置Flutter的相关环境，由于我的是M1 芯片的电脑，记录下来配置过程，希望能够帮到跟我一样是iOS 开发学FLutter 的兄弟。

设备：M1
系统：MacOS 14.3.1

安装Flutter前 先安装Xcode 和 CocosPads

1. Xcode 15
2. CocoaPads 1.13

安装FLutter 分三步

1. 安装 VS Code
2. 使用VS Code安装Flutter SDK
3. 更新环境变量

安装 VS Code

1. 下载安装VS Code ： Visual Studio Code
2. 打开VS Code 安装 中文和dart 的扩展

使用VS Code安装Flutter SDK

1. 启动 VS Code
2. 打开 命令面板，快捷键 Command + Shift + P
3. 在 命令面板 中输入 flutter
4. 选择 Flutter: New Project
   
5. VS Code 会提示你在计算机上找到 Flutter SDK。
   a. 如果你已经安装 Flutter SDK，请单击 Locate SDK。
   b. 如果你没有安装 Flutter SDK, 请单击 Download SDK。

下载 Flutter SDK

1. 选择安装目录
   
2. 等待下载
   
3. Flutter 下载完成
   直接关闭通知，退出VS Code
   
4. 重启VSCode 终端输入： flutter doctor
   
5. 系统自带的终端 输入：flutter doctor
   

现在我们已经将VS Code Flutter 环境配置好了，我们想要在系统自带的终端使用flutter，就需要更新环境变量。

更新环境变量

将Flutter添加到PATH中，可以在任何终端会话中运行flutter命令。

1. 获取 Flutter SDK 中的 bin目录路径
   VSCode 终端输入： which flutter
   
2. 打开系统终端 执行： open -e ~/.zshrc
   
3. 编辑.zshrc文件
   在打开的配置文件中加入以下内容，替换 为你的 Flutter 安装目录：

  export PATH="$PATH:<flutter-installation-directory>/bin"

我的配置如下：

export PATH="$PATH:/Users/hong/VSCode/FlutterSDK/flutter/bin"

4. 保存，关闭配置文件
5. 刷新你的 shell 环境，使改动生效 source ~/.zshrc

6. 在Terminal 窗口中运行 flutter doctor

完结撒花????????????

---

感谢您的阅读和参与，HH思无邪愿与您一起在技术的道路上不断探索。如果您喜欢这篇文章，不妨留下您宝贵的赞！如果您对文章有任何疑问或建议，欢迎在评论区留言，我会第一时间处理，您的支持是我前行的动力，愿我们都能成为更好的自己！