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

最近公司要求我们做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版本))