Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。真心無力吐槽這些所谓的中文站以及社区的文档,整理一下安装流程吧。

本人是android开发,基于此基础上(androidstudio3.3 SDK为28+)

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

1.首先下载flutterSdk,可以选择stable版稳定版,目前是1.2.1 , SDK下载好之后选择放在一个文件夹解压,不一定要C盘,路径自定义,不要将Flutter安装在C:\Program Files\需要提升权限的目录中;sdk是包含dart和flutter支持的,不需要单独下载dart的sdk。

2.然后配置环境变量,参考下图,官方文档是要求配置在用户变量里,在Path里添加flutter/bin的路径

Flutter不完全安裝指南(AndroidStudio集成) 随笔 第1张

3.然后到flutter解压目录下执行flutter doctor 命令 ,回车后要等一会,整个过程要联网,如果失败请配置镜像或者fq,命令执行成功后大概是下图的样子

Flutter不完全安裝指南(AndroidStudio集成) 随笔 第2张

由上到下第一个为flutter是否安装成功,第二个为Android toolchain,如果失败可以下载28版本以上的AndroidSDK

还有可能会提示Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses

按提示执行

flutter doctor --android-licenses

一路选择yes即可接受全部的协议

下面依次为检测AndroidStudio各个版本,以及是否配置了flutter和dart的支持

4.在AndroidStudio加入flutter支持,在Setting-Plugins -Browse Repositories ,搜索flutter安装,重启AndroidStudio即可

Flutter不完全安裝指南(AndroidStudio集成) 随笔 第3张

配置好之后再运行flutter doctor命令,大概会是下图的样子(本人是AndroidStudio3.3.2)

Flutter不完全安裝指南(AndroidStudio集成) 随笔 第4张

5.那么可以开始写个Demo试试了,直接AndroidStudio左上角File-new -new flutter project ,直接run试试吧,成功就如下图所示了

Flutter不完全安裝指南(AndroidStudio集成) 随笔 第5张

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄