Flutter + Mac 开发环境搭建

下载Flutter SDK

1. 在Flutter官网下载 地址
2. 解压下载好的Flutter SDK，将 flutter 目录拖入到应用程序中

配置Flutter SDK

1. 进入mac终端，不用 cd 切换到某一个路径，直接输入命令vim ~/.bash_profile
2. 输入 i
3. 粘贴以下代码，将镜像加入到环境变量中。

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=刚下载的flutter文件夹外层路径/flutter/bin:$PATH

以我本机路径为例

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

4. 输入后按 esc 退出键盘输入，再敲:wq ，写入并退出。
5. 执行以下代码 source ~/.bash_profile
6. 此时，可以运行flutter命令，检测是否配置成功 flutter --version
7. 运行flutter doctor，检测flutter环境，此步就是根据检测结果，将所有的❌都变成✅。

配置镜像

依然是编辑~/.bash_profile文件

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter

注意： 此镜像为临时镜像，并不能保证一直可用，可以参考详情请参考以获得有关镜像服务器的最新动态。地址

配置iOS环境

安装 Xcode

配置Android环境

1. 安装 Android Studio 地址
2. 之后各种下一步，就会帮我们安装SDK等相关需要使用的内容
3. 创建Android模拟器 AVD Manager

检测

flutter doctor

1. Android Studio 需要在 Configure -> Plugins 搜索并下载 Flutter 和 Dart
2. VS Code 需要搜索并下载插件 Flutter

运行到真机和模拟器

安卓端问题
【Flutter】flutter run卡在Running Gradle task ‘assembleDebug’…

阿里云镜像

maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

参考链接

1. coderwhy Flutter环境搭建
2. Flutter入门|（一）环境搭建（Mac版）
3. Download Android Studio and SDK tools

"星星y"推荐的学习资料

1. dart语言学习，看官网教程就行
2. flutter部分，wendux（dio作者）的flutter实战
3. 动手实战一个项目，可以找些项目实战源码边看边写
4. 刚学flutter，找项目源码时侯先避免找过于成熟的项目，先求简单入门。