美文网首页
Flutter 安装环境配置(mac版本)

Flutter 安装环境配置(mac版本)

作者: 小白奔哥 | 来源:发表于2019-11-21 15:12 被阅读0次

    最近公司要求我们做IOS开发的攻城狮要学小程序和Flutter..小程序学得差不多了,,就开始着手Flutter的学习,首先遇到的就是环境配置问题,网上各种文章小部分已经过时,所以在此记录一下自己配置环境遇到的问题及详细步骤。

    详细步骤:

    1.下载Flutter SDK,我用的是git下载

        cd /Users/XXX/Desktop/Flutter (新建的文件夹Flutter)

        git clone -b beta https://github.com/flutter/flutter.git

    2.环境检测

        一次性在终端输入:

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

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

        git clone -b dev https://github.com/flutter/flutter.git

        export PATH="$PWD/flutter/bin:$PATH"

        cd ./flutter(括号的内容不要复制 ,这里的flutter就是下载的sdk文件夹)

        flutter doctor

    回车后出现如下界面

    1

    3.出现各种环境问题

    不同的电脑及环境会出现不同的问题,看了网上的文章大体就这几种,如图2

    2

    打勾的就不说了。。主要看一下[!]和[x]类问题。

    第一个感叹号表示Android tool 安装问题。去安装就好了,android studio的下载链接是:

    http://www.android-studio.org

    3

    网络正常的情况下下载就几分钟的事情,下载好Android studio后,先安装。

    安装好Android studio后回到终端从新执行 flutter doctor 发现如下提示

    4

    按照提示,输入红色框内绿色的命令即可(这个地方不要复制终端里面的绿色框命令,,手打,复制会出现权限问题或者复制这个:flutter doctor --android-licenses ,总之一定要注意终端的提示)。输入这个命令后一直出现y/N的提示,,输入y就行了。

    下一个问题是:

    [!] Android Studio (version 3.5)

        Flutter plugin not installed; this adds Flutter specific functionality.

        Dart plugin not installed; this adds Dart specific functionality.

    打开Android Studio ,找到Android Studio -> Preference > Plugins,然后如图搜索Flutter下载安装即可

    5

    这一步完成后就大功告成了。在此运行flutter doctor命令出现下面截图就代表ok了

    6

    4.最后配置一下源即可。

    1.运行:vim ~/.bash_profile

    2  exportPUB_HOSTED_URL=https://pub.flutter-io.cn

        exportFLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

    3  source ~/.bash_profile

    相关文章

      网友评论

          本文标题:Flutter 安装环境配置(mac版本)

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