如何在MacOS下安装Flutter开发环境 如何在MacO

发表于

如何在MacOS下安装Flutter开发环境

通过Google推出的Flutter framework，我们可以更为方便的开发跨平台APP，开发出来的APP能够在iOS、Android、Web、macOS、Windows和Linux上都可以执行。

在开发 Flutter App 之前，我们必须要先准备好开发环境，下面我将介绍如何在Mac环境下从零开始Flutter App的开发环境。

  • 安装Xcode；
  • 安装Android Studio；
  • 安装VS Code；
  • 安装CocoaPods；

安装Xcode

Xcode的安装比较简单，在Apple Store当中搜索Xcode即可。

第一次执行Xcode需要进行一些配置，我们可以在命令行当中输入如下几条命令：

1
2
bash复制代码sudo sh -c 'xcode-select -s /Applications/Xcode.app/Contents/Developer && xcodebuild -runFirstLaunch'
sudo xcodebuild -license

安装Android Studio

安装有以下几种途径可以安装：

  1. 官网下载: developer.android.com/codelabs/ba…;
  2. 通过Jetbrains的Jetbrains Toolbox来进行安装。
  3. brew install --cask android-studio

安装VS Code

  1. brew install --cask visual-studio-code
  2. 官网下载：code.visualstudio.com/download

安装Flutter SDK

1
bash复制代码brew install --cask flutter

它的路径在：

1
bash复制代码/opt/homebrew/Caskroom/flutter/{版本号}/flutter

安装好之后，需要执行一次flutter：

1
bash复制代码flutter

它会自动初始化下载安装Dart SDK和一些构建工具等，这些文件都在Flutter SDK下的bin/cache路径下。

现在，我们查看Flutter的版本号：

1
bash复制代码flutter --version

它将会输出大概下面这样的信息：

1
2
3
4
bash复制代码Flutter 3.19.6 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 54e66469a9 (6 days ago) • 2024-04-17 13:08:03 -0700
Engine • revision c4cd48e186
Tools • Dart 3.3.4 • DevTools 2.31.1

这就代表着Flutter SDK安装成功了。

我使用的主力IDE是Android Studio，当Flutter SDK安装好之后，我们需要在：

Android Studio -> Preference -> Languages & Frameworks -> Flutter

填入Flutter SDK安装的路径即可初始化Flutter的IDE环境。

安装CocoaPods

1
bash复制代码brew install cocoapods

测试开发环境

Flutter的CLI提供了一个参数用于测试开发环境的完整度：

1
bash复制代码flutter docker

出现Xcode installation is incomplete错误

执行以下两条命令既可以解决问题：

1
2
bash复制代码sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch

A network error occurred

国内需要$HOME/.bash_profile或者$HOME/.zshrc里面添加：

1
2
bash复制代码export PUB_HOSTED_URL=https://pub.flutter-io.cn # 国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn # 国内用户需要设置

参考资料

本文转载自: 掘金

开发者博客 – 和开发相关的 这里全都有

0%