当前位置:首页 > 技术 > 正文内容

Mac系统Flutter开发环境完整配置指南

访客 技术 2026年7月18日 1

在Mac系统上搭建Flutter开发环境需要一系列配置步骤。本文将详细介绍如何在Mac上正确配置Flutter开发环境。

准备工作

首先,我们需要在系统中创建一个专门用于开发的目录。例如,我们可以在用户主目录下创建一个workspace文件夹:

mkdir -p ~/workspace

下载并安装Flutter SDK

  1. 从Flutter官网下载适用于Mac的SDK压缩包
  2. 将下载的压缩包解压到刚创建的workspace目录中:
tar xf flutter_macos_v1.12.13-stable.tar.xz -C ~/workspace
  1. 确认Flutter SDK已正确放置在以下路径:
~/workspace/flutter

配置环境变量

在较新的Mac系统中,默认使用Zsh作为shell,因此需要配置.zshrc文件:

  1. 打开终端,创建.zshrc文件:
touch ~/.zshrc
  1. 编辑该文件,添加Flutter的路径配置:
open ~/.zshrc
  1. 在打开的文件中添加以下内容(请根据实际路径修改):
export PATH="$PATH:/Users/你的用户名/workspace/flutter/bin"
  1. 保存文件后,在终端中执行以下命令使配置生效:
source ~/.zshrc
  1. 验证路径是否已正确添加:
echo $PATH

预下载开发工具

运行以下命令预下载必要的开发工具和二进制文件:

flutter precache

此过程可能需要较长时间,请耐心等待。完成后,你会看到类似以下的输出:

Downloading Android Maven dependencies...
  272.6s (!)

检查环境配置

使用flutter doctor命令检查开发环境是否完整配置:

flutter doctor

如果输出显示某些组件存在问题,如Android工具链或IDE插件,需要根据提示进行相应配置。典型的输出可能如下:

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.12.13+hotfix.9, on Mac OS X 10.15.3 19D76,
    locale zh-Hans-CN)

[!] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor
      --android-licenses
[✓] Xcode - develop for iOS and macOS (Xcode 11.4.1)
[!] Android Studio (version 3.5)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[!] IntelliJ IDEA Ultimate Edition (version 2018.2.5)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[✓] VS Code (version 1.44.2)
[!] Connected device
    ! No devices available

! Doctor found issues in 4 categories.

安装必要的IDE插件

根据flutter doctor的输出,你需要安装相应的IDE插件:

  1. 对于Android Studio,需要安装Flutter和Dart插件
  2. 对于IntelliJ IDEA,同样需要安装这两个插件
  3. VS Code通常自带Flutter和Dart支持,无需额外安装

创建第一个Flutter应用

环境配置完成后,可以创建第一个Flutter应用:

flutter create my_first_app

创建完成后,进入项目目录并运行应用:

cd my_first_app
flutter run

首次运行可能需要下载额外的依赖,请耐心等待。成功启动后,你将在模拟器或连接的设备上看到Flutter的默认计数器应用。

常见问题解决

  1. 如果遇到Android许可证未接受的问题,运行:
flutter doctor --android-licenses
  1. 如果设备未连接,请确保已启动Android模拟器或连接了实际设备

  2. 如果遇到路径问题,请重新检查.zshrc文件中的配置是否正确

通过以上步骤,你已成功在Mac系统上搭建了Flutter开发环境,可以开始开发Flutter应用了。

标签: Flutter

相关文章

Linux crontab 详解

1) crontab 是什么cron 是 Linux 的定时任务守护进程;crontab 是用来编辑/查看“按时间周期执行命令”的表(cron table)。常见两类:用户 crontab:每个用户一份(crontab -e 编辑)系统级 crontab / cron.d:可指定执行用户(/etc/crontab、/etc/cron.d/*)2) crontab 时间...

富文本里可以允许的 HTML 属性

一、所有标签默认允许的安全属性(极少)class        (可选)id           (通常建议禁用)title️ 注意:id 容易被滥用做锚点注入,很多系统直接禁用class 允许的话最好只允许固定前缀(如 editor-*)二、a 标签允许属性<a href="" t...

Mac 安装 Node.js 指南

方法一:通过官网安装包(最简单,适合初学者)如果你只是想快速安装并开始使用,这是最直接的方法。访问 Node.js 官网。页面会显示两个版本:LTS (Recommended For Most Users):长期支持版,最稳定。建议选这个。Current:最新特性版,包含最新功能但可能不够稳定。下载 .pkg 安装包并运行。按照安装向导点击“下一步”即可完成。方法二:使用 Homebrew 安装(...

Dom\HTML_NO_DEFAULT_NS 的副作用:自动加闭合标签

在使用Dom\HTMLDocument时,Dom\HTML_NO_DEFAULT_NS 将禁止在解析过程中设置元素的命名空间, 此设置是为了与DOMDocument向后兼容而存在的。当使用它时,已知的一个副作用就是:自动加闭合标签例如 </img> 为什么会这样?当你使用:Dom\HTML_NO_DEFAULT_NS文档会变成 无命名空间模式,此时内部更接近 XML...

Laravel 事件和监听器创建

在 Laravel 中,使用 Artisan 命令创建 Events(事件) 和 Listeners(监听器) 是非常高效的。你可以通过以下几种方式来实现:1. 手动创建单个 Event如果你只想创建一个事件类,可以使用 make:event 命令:Bashphp artisan make:event UserRegistered执行后,文件将生成在 app/Even...

自定义域名解析神器 dnsmasq

什么是 dnsmasq?dnsmasq 是一个轻量级、功能强大的网络服务工具,专为小型和中等规模网络设计。它是一个综合的网络基础设施解决方案[1]。dnsmasq 能做什么?功能说明应用场景DNS 转发与缓存将 DNS 查询转发到上游服务器(ISP、Google DNS 等),并在本地缓存结果加快 DNS 查询速度,减少外部 DNS 流量本地 DNS解析本地网络设备的主机名,无需编辑&n...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。