Mac上Flutter环境安装

安装Flutter其实就五个步骤：下载安装包 - 设置Path环境变量 - 执行flutter doctor - 配置Xcode - 下载VS Code并配置

一、下载安装包

1.下载Flutter SDK
查网资料介绍下载SDK的方式有两种,我选择的是从这里直接下载的最新稳定版本(v1.12.13 + hotfix.8)
2.下载完成后放在自己指定文件夹内并解压.

image.png

小结:这里没什么难度,就是下载SDK并且解压

二、设置Path变量环境

1.从菜单栏前往--->前往文件夹...

image.png

2.展示隐藏文件(指令:command + shift + 。 隐藏指令也是这个),打开编辑.bash_profile文件

image.png

3.设置环境变量(在.bash_profile中加入以下配置)

export PATH=/Users/sj/app/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

注:/Users/sj/app 这是我的Flutter文件夹位置,需要更换为自己的地址,然后保存
4.运行以下指令

source ~/.bash_profile

5.通过运行flutter/bin命令验证目录是否在已经在PATH中:

echo $PATH

image.png

三、执行flutter doctor

image.png

查看需要安装其它依赖项来完成安装,首先我是做iOS开发的, 我已经下载xcode,另外我已经下载vs code,所以我选择先解决Xcode,vscode,真机设备等这几项问题.
1.首先解决Xcode的配置问题,按照提示指令,其实就是选择一个Xcode的版本,所以按照下图选一下就可以了.

image.png

2.接下来解决VS Code的问题,其实就是下载Flutter插件

61582856725_.pic_hd.jpg

3.Xcode真机设备添加这里就不做详细记录了,因为涉及到苹果开发者账号以及证书制作相关的问题.
接下来重新运行flutter doctor,现在应该就剩下Android 环境的配置了

image.png

四、在苹果模拟器上运行flutter项目

现在我就可以通过VS Code创建flutter项目了,怎么创建不做记录了,可以参照flutter中文网,然后体验一下热重载功能.

image.png

下一篇主要记录一下配置Android环境时遇到的Android license status unknown问题