美文网首页
Flutter环境安装-iOSer

Flutter环境安装-iOSer

作者: 守护地中海的花 | 来源:发表于2021-03-19 17:09 被阅读0次

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

    Flutter中文网
    配置Flutter环境ForMacFlutter 专题目录汇总

    流程

    • 安装Flutter SDK
    • 安装编辑器Android Studio

    安装Flutter SDK

    下载FlutterSDK

    Flutter SDK releases
    下载最新版本即可 Stable channel(macOS) 稳定渠道版本
    下载速度会很慢 大概一个小时不止

    image.png

    SDK存放、配置环境变量

    • 存到到根目录下面得opt /opt/
      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
    
    image.png

    配置完成执行命令

    source ~/.bash_profile
    

    检测环境配置

    flutter doctor
    
    image.png
    如上提示 已经安装好了FlutterSDK 下面安装Android Studio

    安装Android Studio

    Android Studio

    • 下载最新即可


      image.png
    • 下载完成后点击安装


      image.png

      为什么我这么快安装好 因为我之前安装过一次了 其实还是遇到坑的 下面在简单介绍遇到的坑把和AndroidStudio如果下载模拟器常见知识

    • 下载插件
      command+,进入设置界面

      image.png
      安装DartFlutter2个插件 然后重启AndroidStudio
      image.png
      可以创建flutter项目了
    • 下载安装模拟器

    • flutter doctor 提示许可证问题

    flutter doctor --android-licenses
    

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

    相关文章

      网友评论

          本文标题:Flutter环境安装-iOSer

          本文链接:https://www.haomeiwen.com/subject/bqzvcltx.html