在macOS系统上配置Flutter环境的步骤

简介: 在macOS系统上配置Flutter环境的步骤

以下是在 macOS 系统上配置 Flutter 环境的详细步骤:

1. 下载 Flutter SDK

  • 打开浏览器,访问 Flutter 官方下载页面
  • 下载适合 macOS 的 Flutter SDK 压缩包。
  • 解压下载好的压缩包到你想安装的目录,例如 ~/development/flutter

2. 配置环境变量

  • 打开终端应用程序。
  • 使用文本编辑器(如 nano)来编辑 .zshrc 文件(如果你使用的是 Zsh 终端,它是 macOS 默认的),命令如下:
    nano ~/.zshrc
    
    AI 代码解读
  • 在打开的文件末尾添加以下内容,将 Flutter 的 bin 目录添加到系统的 PATH 环境变量中:
    export PATH="$PATH:~/development/flutter/bin"
    
    AI 代码解读
    这里假设你将 Flutter 解压到了 ~/development/flutter 目录,若解压到其他位置,需相应修改路径。
  • 按下 Ctrl + X ,接着按 Y ,最后按 Enter 保存并退出 nano 编辑器。
  • 运行以下命令使配置的环境变量立即生效:
    source ~/.zshrc
    
    AI 代码解读

3. 安装开发工具

Visual Studio Code

  • 访问 Visual Studio Code 官方网站 并下载适用于 macOS 的安装包。
  • 下载完成后,将其拖动到“应用程序”文件夹完成安装。
  • 打开 Visual Studio Code,点击左侧边栏的扩展图标(四个方块组成的图标),在搜索框中分别搜索 “Flutter” 和 “Dart” ,然后安装这两个扩展。

Android Studio

  • 访问 Android Studio 官方网站 下载安装包。
  • 下载完成后,按照安装向导的提示完成安装。在安装过程中,Android Studio 会自动安装 Android SDK 和相关工具。

4. 配置 Android 开发环境

  • 打开 Android Studio,点击 “Configure” ,选择 “SDK Manager” 。
  • 在 “SDK Platforms” 标签页中,确保安装了 Android SDK Platform 33 及以上版本。
  • 在 “SDK Tools” 标签页中,确保安装了 Android SDK Build-Tools 33.0.0 及以上版本。
  • 配置 Android SDK 的环境变量,再次编辑 ~/.zshrc 文件:
    nano ~/.zshrc
    
    AI 代码解读
  • 在文件末尾添加以下内容:
    export ANDROID_HOME=~/Library/Android/sdk
    export PATH="$PATH:$ANDROID_HOME/platform-tools"
    export PATH="$PATH:$ANDROID_HOME/tools"
    
    AI 代码解读
  • 保存并退出 nano 编辑器(操作同前面编辑环境变量时),然后运行以下命令使新的配置生效:
    source ~/.zshrc
    
    AI 代码解读

5. 安装 Xcode(用于 iOS 开发)

  • 打开 Mac App Store。
  • 搜索 “Xcode” 并下载安装。安装完成后,打开 Xcode ,按照提示完成设置。
  • 安装 Xcode 命令行工具,在终端中运行以下命令:
    sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
    sudo xcodebuild -runFirstLaunch
    
    AI 代码解读

6. 检查环境配置

  • 在终端中运行以下命令来检查 Flutter 环境配置是否正确:
    flutter doctor
    
    AI 代码解读
  • 该命令会检查系统中是否安装了必要的依赖项,并给出相应的提示。按照提示安装缺少的依赖项或修复存在的问题。

7. 接受 Android 许可证

在终端中运行以下命令接受 Android SDK 许可证:

flutter doctor --android-licenses
AI 代码解读

按照提示操作,输入 y 来接受所有许可证。

完成以上步骤后,你就成功在 macOS 系统上配置好了 Flutter 开发环境,可以开始创建和运行 Flutter 应用程序。

目录
打赏
530
62
62
0
168
分享
相关文章
如何在Android Studio中配置Flutter环境?
如何在Android Studio中配置Flutter环境?
154 61
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
321 3
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
194 12
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
|
7月前
|
MacOS环境-手写操作系统-40-进程消息通讯 和 回车键处理
MacOS环境-手写操作系统-40-进程消息通讯 和 回车键处理
53 2
MacOS环境-手写操作系统-39-Caps键响应
MacOS环境-手写操作系统-39-Caps键响应
59 0
MacOS环境-手写操作系统-35-Shell控制台
MacOS环境-手写操作系统-35-Shell控制台
50 2
|
7月前
|
MacOS环境-手写操作系统-46,47-C语言开发应用程序
MacOS环境-手写操作系统-46,47-C语言开发应用程序
82 1
MacOS环境-手写操作系统-41-mem 第一个控制台程序
MacOS环境-手写操作系统-41-mem 第一个控制台程序
53 1
|
7月前
|
MacOS环境-手写操作系统-38-Shift键响应
MacOS环境-手写操作系统-38-Shift键响应
69 1
|
7月前
|
MacOS环境-手写操作系统-37-切换窗口 键盘输入
MacOS环境-手写操作系统-37-切换窗口 键盘输入
101 1

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等