前言
作为iOS 开发,观望了许久的Flutter ,还是对它下手了,不是故意要卷,没办法工作需要!既然要学Flutter,首先就得配置Flutter的相关环境,由于我的是M1 芯片的电脑,记录下来配置过程,希望能够帮到跟我一样是iOS 开发学FLutter 的兄弟。
设备:M1
系统:MacOS 14.3.1
安装Flutter前 先安装Xcode 和 CocosPads
- Xcode 15
- CocoaPads 1.13
安装FLutter 分三步
- 安装 VS Code
- 使用VS Code安装Flutter SDK
- 更新环境变量
安装 VS Code
- 下载安装VS Code : Visual Studio Code
- 打开VS Code 安装 中文和dart 的扩展
使用VS Code安装Flutter SDK
- 启动 VS Code
- 打开 命令面板,快捷键 Command + Shift + P
- 在 命令面板 中输入 flutter
- 选择 Flutter: New Project
- VS Code 会提示你在计算机上找到 Flutter SDK。
a. 如果你已经安装 Flutter SDK,请单击 Locate SDK。
b. 如果你没有安装 Flutter SDK, 请单击 Download SDK。
下载 Flutter SDK
- 选择安装目录
- 等待下载
- Flutter 下载完成
直接关闭通知,退出VS Code
- 重启VSCode 终端输入: flutter doctor
- 系统自带的终端 输入:flutter doctor
现在我们已经将VS Code Flutter 环境配置好了,我们想要在系统自带的终端使用flutter,就需要更新环境变量。
更新环境变量
将Flutter添加到PATH中,可以在任何终端会话中运行flutter命令。
- 获取 Flutter SDK 中的 bin目录路径
VSCode 终端输入: which flutter
- 打开系统终端 执行: open -e ~/.zshrc
- 编辑.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思无邪愿与您一起在技术的道路上不断探索。如果您喜欢这篇文章,不妨留下您宝贵的赞!如果您对文章有任何疑问或建议,欢迎在评论区留言,我会第一时间处理,您的支持是我前行的动力,愿我们都能成为更好的自己!