1 flutter mac电脑环境搭建

首先我们应该把flutter SDK下载下来,我们可以自行去flutter.dev官网下载,也可以fit命令下载.

git clone -b beta https://github.com/flutter/flutter.git

把下载好的内容解压到你制定目录.
image.png
这里面我放到了我桌面上的flutterDev文件夹,解压后如图所示.
image.png

2 配置镜像

打开命令终端，输入命令open ~/.bash_profile,打开bash_profile文本，添加镜像路径并保存.

  1. export PUB_HOSTED_URL=https://pub.flutter-io.cn
  2. export FLUTTER_STORAGE_BASE_URL=https://flutter-io.cn
  1. 命令终端，输入命令source ~/.bash_profile,执行镜像配置生效

3 配置flutter SDK,其中path是我本地的flutterDev文件夹,到你自己配置的时候自行修改.

  1. export PATH=~/Users/xsd/Desktop/FlutterDev/bin:$PATH

点击ESC,按:+wq退出.

3 通过命令终端执行项目工程

我们可以使用命令 flutter doctor检查flutter 镜像和环境配置是否成功,当出现如下图所示的截图就代表你成功了.
image.png
cd到对应的项目工程中执行命令：

flutter emulators // 查看当前模拟器 flutter emulator —launch apple_ios_simulator - // 启动模拟器 flutter run // 执行项目工程，若有多个设备连接，需要 -d <设备的id>执行某个模拟器

4 VScode 配置

打开 VS Code，可点击 View -> Command Palette，搜索flutter并点击install进行安装.至此我们的环境搭建就完成了.
image.png