最近公司要求我们做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
回车后出现如下界面
3.出现各种环境问题
不同的电脑及环境会出现不同的问题,看了网上的文章大体就这几种,如图2
打勾的就不说了。。主要看一下[!]和[x]类问题。
第一个感叹号表示Android tool 安装问题。去安装就好了,android studio的下载链接是:
http://www.android-studio.org
网络正常的情况下下载就几分钟的事情,下载好Android studio后,先安装。
安装好Android studio后回到终端从新执行 flutter doctor 发现如下提示
按照提示,输入红色框内绿色的命令即可(这个地方不要复制终端里面的绿色框命令,,手打,复制会出现权限问题或者复制这个: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下载安装即可
这一步完成后就大功告成了。在此运行flutter doctor命令出现下面截图就代表ok了
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