锐客网

  1. 首页 > it技术 > >

Flutter环境安装-iOSer

参考很多文字这边自己总结并做了一些记录

Flutter中文网
配置Flutter环境ForMac、Flutter 专题目录汇总
流程
  • 安装Flutter SDK
  • 安装编辑器Android Studio
安装Flutter SDK 下载FlutterSDK Flutter SDK releases
下载最新版本即可 Stable channel（macOS) 稳定渠道版本
下载速度会很慢 大概一个小时不止

Flutter环境安装-iOSer
文章图片
image.png
SDK存放、配置环境变量
  • 存到到根目录下面得opt /opt/
    Flutter环境安装-iOSer
    文章图片
    image.png
  • 配置环境 在~/.bash_profile里面修改 在home目录下面的
#Flutter 镜像配置 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn#Flutter 配置 export FLUTTER=/opt/flutter/bin export PATH=$FLUTTER:$PATH

Flutter环境安装-iOSer
文章图片
image.png 配置完成执行命令
source ~/.bash_profile

检测环境配置
flutter doctor


Flutter环境安装-iOSer
文章图片
image.png
如上提示 已经安装好了 FlutterSDK 下面安装 Android Studio
安装Android Studio Android Studio
  • 下载最新即可

    Flutter环境安装-iOSer
    文章图片
    image.png
  • 【Flutter环境安装-iOSer】下载完成后点击安装

    Flutter环境安装-iOSer
    文章图片
    image.png
    为什么我这么快安装好 因为我之前安装过一次了 其实还是遇到坑的 下面在简单介绍遇到的坑把和AndroidStudio如果下载模拟器常见知识
  • 下载插件
    command+，进入设置界面

    Flutter环境安装-iOSer
    文章图片
    image.png
    安装Dart、Flutter2个插件 然后重启AndroidStudio
    Flutter环境安装-iOSer
    文章图片
    image.png
    可以创建flutter项目了
  • 下载安装模拟器
  • flutter doctor 提示许可证问题
flutter doctor --android-licenses

输入y 就完事了
输入y 就完事了
输入y 就完事了

    推荐阅读


    上一篇：悔|悔 作者（蚂蚁窝）

    下一篇：家务劳动与感悟。