Flutter 开发环境配置问题

Flutter 开发环境配置问题

介绍

Flutter 是谷歌的移动UI框架,可以快速在IOS和Android上构建高质量的原生用户界面,实现一套代码在多平台运行,简化移动开发。Flutter开源且免费,它也将是构建未来Google Fuchsia应用的主要方式。
正式版于12月5日发布。

需要的工具

JAVA SDK
Android SDK(安装Android Studio时会同时安装,若没有附带安装可以百度一哈)
Flutter SDK
Android Studio(非必须安装但flutter会提示安装,需要安装flutter插件)/vs code(需要安装flutter插件)

JAVA SDK 安装

ORACLE官网下载安装,配置环境变量,=,=不想多说。

Flutter SDK 安装

需要在官网(https://flutter.io/)下载安装,由于是你懂得的原因,有可能需要翻墙才能下载,也可以去github下载(https://github.com/flutter/flutter/releases)。
下载完成后解压到你想放到的目录内,开始配置环境变量:

    FLUTTER_HOME : 你的 \flutter 目录位置
    Path : 你的 \flutter\bin 的目录位置 

由于flutter需要从网络获取数据,为了应对国内的网络环境,还需要添加两个环境变量来指向国内的镜像

    FLUTTER_STORAGE_BASE_URL : https://storage.flutter-io.cn
    PUB_HOSTED_URL : https://pub.flutter-io.cn

配置完成后就可以进入flutter的安装目录中,启动flutter_console.bat来启动flutter(不支持git等第三方终端启动),使用flutter doctor 来检查是否缺少依赖。
若这个时候还没有安装Android Studio,应该出现如下错误
在这里插入图片描述
这时候我们来安装其所需要的依赖项。

Android Studio 安装

百度下载即可,改掉安装位置,安装完成后运行,应该会自动下载并配置Android SDK。
若没有自动下载并配置Android SDK,就需要我们自己在网上下载,解压到想要放的目录,然后配置环境变量

    ANDROID_HOME : 你的 \AndroidSDK 目录位置
    Path : 你的 \AndroidSDK 目录位置
    Path : 你的 \AndroidSDK\platform-tools 目录位置

在Android Studio中选择Configure->Setting->System Setting->Android SDK 选择你的Android SDK目录位置
在Android Studio中选择Configure->Plugins 搜索flutter并安装此插件
重启你的Android Studio,若在起始界面看到 Start a new Flutter project即安装成功
需要注意,点击开始新Flutter项目后,程序会进入假死状态,是正常现象,等待1-2分钟就会进入创建页面
创建完项目卡在Creating Flutter Project超过5分钟,请强行结束程序并重新打开,选择Open Project(不是Import!!!)找到你的项目位置即可(一般只有第一次会卡在这里)
使用Android Studio我们需要创建一个Android虚拟设备,点击右上角的图标即可创建,选择好手机配置型号及对应的Android版本
在这里插入图片描述


修改AVD和gradle位置来精简C盘空间,看以下三篇文章

https://blog.csdn.net/qiujuer/article/details/44160127

需要注意idea.properties文件中的路径,一定要正确

https://blog.csdn.net/qiujuer/article/details/44257993

最好在更改配置文件之后还是添加一个环境变量

http://www.cnblogs.com/linfenghp/p/7808408.html

只移动xxx.avd这个文件夹(不是移动整个.android文件夹),xxx.ini中的路径不能错
最后发现一个问题,修改后运行flutter doctor 会检测你并未安装Android Studio,不影响使用但是强迫症看着很难受

继续检查 Flutter 依赖

回到flutter_console.bat重新执行flutter doctor命令,应该出现如下结果:
在这里插入图片描述
执行提示的命令,再次执行flutter doctor命令,应该只有最后一个提示了
在这里插入图片描述
在Android Studio中开启虚拟设备,再次执行flutter doctor,一切就都解决了。

回到Android Studio中

检查一下 Project Structure->Modules 中的Module SDK是否为空,若为空选择你的Android SDK位置
右上角开启虚拟设备后,会变成当前开启的设备
第一次运行会十分的慢,慢慢等待吧。
在这里插入图片描述
希望对别人有所帮助吧。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值