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
  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,找项目源码时侯先避免找过于成熟的项目,先求简单入门。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值