配置Flutter开发环境

本文介绍了如何在Windows上配置Flutter开发环境,包括从官网或GitHub下载安装包,设置环境变量,使用flutterdoctor检查和安装依赖,以及在AndroidStudio中安装Flutter和Dart插件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、在Windows上搭建Flutter开发环境

1、去flutter官网下载其最新可用的安装包,下载地址:https://flutter.dev/docs/development/tools/sdk/releases

注意:Flutter的渠道版本一直在不断的更新,请以Flutter官网为准。

另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,也可以去Flutter github项目下去下载安装包,地址: https://github.com/flutter/flutter/releases。下载完成后解压即可。flutter官网.png

二、配置环境变量

window10在设置-系统-关于-高级系统设置-环境变量-系统变量中添加:
在这里插入图片描述

在path下面添加:
在这里插入图片描述

路径对应FlutterSDK存放的路径

%FLUTTER_HOME%\bin
%FLUTTER_HOME%\bin\cache\dart-sdk\bin

替换安装源为国内镜像
Flutter下依赖会有点慢,可以顺手 把安装源替换为国内镜像,只需 新增两个环境变量:

PUB_HOSTED_URL → Dart依赖包地址
FLUTTER_STORAGE_BASE_URL → Flutter依赖文件地址

FLUTTER_STORAGE_BASE_URL
https://storage.flutter-io.cn
在这里插入图片描述

PUB_HOSTED_URL
https://pub.flutter-io.cn
在这里插入图片描述

三、检查运行环境

在Flutter命令行运行如下命令来查看是否还需要安装其他依赖,如果需要,安装它们:

flutter doctor

该命令检查你的环境并在命令行窗口中显示报告。Dart SDK已经在打包在Flutter SDK里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。检查运行环境.png

第一次运行flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

缺失的依赖需要安装一下
在这里插入图片描述

有时会提示Android 缺失,需要完善,先是第一个 → cmdline-tools component is missing:

打开 Android Studio,依次打开:Settings → Apperance & Behavior → System Settings → Android SDK → SDK Tools → 找到 Android SDK Command-line Tools → 勾选安装
在这里插入图片描述
接着解决第二个 → Android license status unknow,以管理员权限起一个命令行,键入:flutter doctor --android-licenses ,来同意安卓协议,连续y+回车,直到出现:All SDK package licenses accepted
在这里插入图片描述
安装完成后再运行flutter doctor命令来验证是否安装成功。

在这里插入图片描述
Network resources网络资源访问超时
[!] Network resources
X A network error occurred while checking “https://maven.google.com/”: 信号灯超时时间已到

X A network error occurred while checking "https://github.com/": 信号灯超时时间已到

解决办法:按如下步骤修改

a.修改flutter安装路径下packages\flutter_tools\lib\src\路径下的http_host_validator.dart文件中的kMaven配置:
const String kMaven = ‘https://maven.aliyun.com/repository/google/’;在这里插入图片描述
b.删除flutter安装目录/bin/cache 文件夹
c.重新执行flutter doctor
在这里插入图片描述

四、Android studio配置flutter插件

在Android Studio File-Settings-Plugins 中搜索“flutter”和“dart” ,点击安装相应的插件Android studio flutter插件.png
安装完成重启Android Studio,就可以新建Flutter项目了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值