在macOS上安装Flutter和环境配置

操作系统

Flutter 支持在 macOS 11 (Big Sur) 或更高版本上开发。本指南假定你的 Mac 默认运行 zsh shell。

如果你的 Mac 是 Apple silicon 处理器,那么有些 Flutter 组件就需要通过 Rosetta 2 来转换适配(详情)。要在 Apple silicon 处理器上运行所有 Flutter 组件,请运行以下指令来安装 Rosetta 2。

bash 复制代码
sudo softwareupdate --install-rosetta --agree-to-license

开发工具

下载并安装以下软件包。
Xcode 16+ 调试和编译原生 Swift 或 ObjectiveC 代码。 Xcode 的安装包括 Git 2.27 或更高版本来管理源代码。
CocoaPods 1.16+ 将 Flutter 插件应用于原生应用。

编辑器

使用官方推荐的 Visual Studio Code 1.77+ 并搭配 Flutter extension for VS Code。这样搭配可以简化 Flutter SDK 的安装。

使用VS Code 安装 Flutte

1.启动 VS Code。

2.打开 命令面板 (Command Palette),按下快捷键 Command + Shift + P。

3.在 命令面板 (Command Palette) 中输入 flutter,然后选择 Flutter: New Project。

4.VS Code 会提示你在计算机上找到 Flutter SDK。

复制代码
如果你已经安装 Flutter SDK,请单击 Locate SDK。

如果你没有安装 Flutter SDK, 请单击 Download SDK。

如果你没有按照 开发工具的必要条件 安装 Git ,单击该按钮后会导航至 Flutter 安装页面。

5.在上述的提示中选择"Download SDK",当对话框 Select Folder for Flutter SDK 显示时,选择你想要安装 Flutter 的位置。VS Code 会打开你默认的位置,你可以选择其他位置。

6.Flutter 安装成功后,VS Code 可能会弹出该通知提醒你配置环境变量,根据操作执行就行:"Do you want to add the Flutter SDK to PATH so it's accessible in external terminals?"

7.如果Flutter 安装成功后没有弹出步骤6的提示(例如我),可手动配置环境变量。打开访达,菜单栏选择前往>前往文件夹 输入~(!注意是英文的)然后回车,找到.zshrc文件打开添加一下子配置:

bash 复制代码
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH="/你存放FlutterSDK的位置/flutter/bin:$PATH"

保存并关闭。

8.打开Terminal,运行source ~/.zshrc; 然后关闭所有 Terminal 窗口,重新启动 VS Code。

9.运行flutter doctor检查是否安装完成。

* 安装cocoapods

使用以下命令安装cocoapods,如果已安装可以跳过这步。

bash 复制代码
推荐使用homebrew安装:
1. brew install cocoapods
2. brew cleanup cocoapods
3. brew link cocoapods
or
sudo gem install cocoapods
or
sudo gem install -n /usr/local/bin cocoapods

接下来就可以编写第一个Flutter应用了

相关推荐
Jmyd01233 小时前
Web端3D营销展厅技术实现路径:从素材上云到线索回流的数据链路
前端·3d·性能优化·三维数字化
砚凝霜4 小时前
【软考信息安全】第二十二章 Web服务器安全分析与增强——Apache与IIS
服务器·前端·安全
小 黄 鸡4 小时前
Flutter 面试必会知识点详解(从基础到进阶)
flutter·面试·职场和发展
u0111026756 小时前
JPG、PNG、WebP 怎么选?按透明度、体积和使用场景做判断
前端·javascript·vue.js·图像处理·ai作画
jerrywus6 小时前
让 AI 写完代码后交一份报告:我改造了 answer-me-with-html
前端·claude·cursor
派小心.7 小时前
小程序分享链路中来源参数的传递校验
大数据·前端·数据库·人工智能·小程序·数据分析
hhb_6187 小时前
一键生成数据看板,ECharts实战演示
前端·javascript·echarts
Java后端的Ai之路7 小时前
08_React组件API
前端·react.js·前端框架
小马不起床7 小时前
零基础玩转 FastAPI_09:前端基础工程构建
前端·状态模式·fastapi
风骏时光牛马8 小时前
用户管理模块接口开发
前端