Apple M2 macOS Flutter环境搭建记录

大家好,我是头条X。最近在折腾Flutter开发,正好手头有一台全新的MacBook Pro M2,于是决定记录一下在M2芯片的macOS上搭建Flutter环境的全过程。希望这篇教程能够帮助到同样在使用M2设备的小伙伴们。


准备工作

在开始之前,确保你的Mac已经安装了以下软件:

  • Xcode(通过App Store下载)
  • Homebrew(用于安装其他依赖)

如果你还没有安装这些软件,可以先按照以下步骤进行安装。


安装Xcode

打开App Store,搜索Xcode并安装。安装完成后,打开Xcode,进入Preferences -> Components,安装Command Line Tools。


安装Homebrew

打开终端,输入以下命令安装Homebrew:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

安装完成后,可以通过以下命令验证是否安装成功:

brew --version

安装Flutter SDK

接下来,我们需要安装Flutter SDK。Flutter官方提供了详细的安装指南,但在这里我会给出一个简洁的步骤。


下载Flutter SDK

访问Flutter官网,下载最新版本的Flutter SDK。下载完成后,解压文件到你选择的目录,例如:~/development/flutter


配置环境变量

打开终端,编辑.zshrc文件(如果你使用的是bash,编辑.bash_profile文件),添加以下内容:

export PATH=$PATH:~/development/flutter/bin

保存文件后,运行以下命令使配置生效:

source ~/.zshrc

验证Flutter是否安装成功:

flutter doctor

如果一切正常,你会看到类似以下的输出:

[✓] Flutter (Channel stable, 3.7.0, on macOS 13.0 22A380 darwin-arm64, locale zh-Hans-CN)
[!] Xcode - develop for iOS and macOS (Xcode 14.0.1)
✗ CocoaPods not installed.
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.2)
[✓] VS Code (version 1.71.2)
[✓] Connected device (3 available)
[✓] HTTP Host Availability

这里提示CocoaPods未安装,我们继续安装CocoaPods。


安装CocoaPods

在终端中运行以下命令安装CocoaPods:

sudo gem install cocoapods

安装完成后,再次运行flutter doctor,确保所有检查项都通过。


创建第一个Flutter项目

现在,我们已经成功搭建了Flutter环境,可以开始创建第一个Flutter项目了。


创建项目

在终端中运行以下命令创建一个新的Flutter项目:

flutter create my_app

进入项目目录:

cd my_app

运行项目:

flutter run

如果一切顺利,你应该能够在模拟器或连接的设备上看到Flutter应用的默认界面。


总结

通过以上步骤,我们在M2芯片的macOS上成功搭建了Flutter开发环境,并创建了一个简单的Flutter项目。希望这篇教程对你有所帮助。如果你在搭建过程中遇到任何问题,欢迎在评论区留言交流。

点赞(0)

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部