下载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
  1. 输入后按 esc 退出键盘输入,再敲:wq ,写入并退出。
  2. 执行以下代码 source ~/.bash_profile
  3. 此时,可以运行flutter命令,检测是否配置成功 flutter --version
  4. 运行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,找项目源码时侯先避免找过于成熟的项目,先求简单入门。
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐