Flutter-01环境搭建

Flutter中文网

1.下载安装 Flutter

目前安装 Flutter 有下面两种方式:

  • 下载 Flutter SDK,解压配置即可,下载链接
  • 通过 git 方式获取(推荐此方式):
git clone https://github.com/flutter/flutter.git -b stable

如果网速很好的话,克隆速度还是很快的


克隆的图是网上找的,我是直接下载的SDK

2. 将 Flutter 添加全局环境变量

// 配置国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
// 配置本地 Flutter SDK 地址 
//这里记得修改为本地目录地址
export FLUTTER_HOME=/Users/HLQ/flutter/bin 
export PATH=$PATH:${FLUTTER_HOME}

3.通过 flutter doctor 命令验证当前 Flutter 开发环境是否完善


当然,贴心的 Flutter 针对我们当前 Flutter 缺失的部分给出了解决方案:

3.1同意 Android 许可协议

终端执行

flutter doctor --android-licenses

然后就是无脑一直按y回车就行了,起目的是同意 Android 的一些许可协议,直到下方出现如下所示,代表当前 Flutter Android 环境 Okay~


3.2 iOS 许可授权

因为之前是做iOS,所以我这肯定是已经安装了Xcode了,并且之前也启动过 Xcode的了,这里不对Xcode的有任何操作,如果你是刚刚下载的Xcode,需要先打开,并同意各种授权,之后,执行

sudo xcodebuild -license

无止境的空格、空格,随后在最后输入 agree 即可。

3.3 CocoaPods 安装

之前已经安装过了,如果没有安装,终端执行

sudo gem install cocoapods

4.再次通过 flutter doctor 检测 Flutter 开发环境


提示我没有安装谷歌浏览器,因为现在用不到,所以先不安装。

我们可以通过flutter create my_app,验证看看是否能够成功创建flutter项目了

到此,Flutter 基本环境已下载安装配置完成。


这里还要多说几句做个补充,我们在第二步骤中执行完以后的path变量,仅仅会在当前命令行会话中更新你的 PATH 环境变量,如果想让这个配置永久生效,可以在任意一个命令行会话中使用 flutter 命令

打开或者创建 shell 的 rc 文件,比如,在 Linux 和 macOS Mojave 或 Mojave 之前的系统里,是默认使用 Bash 的,所以需要修改 HOME/.bashrc 文件。 macOS Catalina 操作系统默认使用 Z Shell,所以需要修改HOME/.zshrc 文件。请知晓,如果你使用不同的 shell,文件目录或文件名可能会有所不同。

在文件中增加下列这行命令,并将其中的 [PATH_TO_FLUTTER_GIT_DIRECTORY] 更改为你第一步获取到的路径:

export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"

运行 source $HOME/.bash_profile 来刷新当前命令行窗口。

通过运行以下命令来验证 flutter/bin 文件夹是否已经添加到 PATH 环境变量中:echo $PATH

验证 flutter 命令是否可用,可以执行下面的命令检测:which flutter

小贴士

终端执行

open -a Simulator

可以快速打开 macOS 上的 iOS 模拟器

推荐阅读更多精彩内容