Windows上AndroidStudio+Flutter、Dart安装配置(详细版+安装问题处理)

本文详细指导如何在Windows上下载与配置Flutter SDK,包括环境变量设置、Android Studio集成、环境校验,以及创建首个Flutter项目的全过程。适合新手快速入门移动应用开发。

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

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。

Flutter中文网 https://flutterchina.club/
Flutter实战 https://book.flutterchina.club/

关于VSCode作为开发环境的点击《Windows上VSCode+Flutter、Dart安装配置(详细版+安装问题处理)

Windows上搭建Flutter开发环境
  1. Flutter SDK下载及环境变量配置
  2. Android Studio下载安装及Android SDK环境变量配置
  3. Android Studio中配置Flutter+Dart开发环境
  4. 创建第一个Flutter项目

第一步 Flutter SDK下载及环境变量配置

1. Flutter SDK 下载
  • 去flutter官网下载其最新可用的安装包,点击下载
  • 可以执行git命令下载
git clone https://github.com/flutter/flutter.git
2. Flutter环境变量配置

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
这里需要配置3个路径

  • 用户变量中添加变量 FLUTTER_STORAGE_BASE_URL,对应添加值
    https://storage.flutter-io.cn
  • 用户变量中添加变量 PUB_HOSTED_URL,对应添加值 https://pub.flutter-io.cn
  • 系统变量Path中添加flutter的路径配置环境变量, 添加值 xxxx\Flutter
    SDK目录\bin(根据自己目录配置)

在这里插入图片描述

配置完成我们可以检查一下安装配置信息在cmd或者PowerShell中输入 flutter doctor,我们可以看到第一条fultter是对号,说明flutter sdk已经配置成功。
在这里插入图片描述


第二步 Android Studio下载安装及Android SDK环境变量配置

windows下使用Flutter开发App,这里使用Android Studio。

1. 点击去下载并安装 Android Studio

启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具,这是Flutter为Android开发时所必需的。
这里就不贴AndroidStudio安装过程,安装完成后可以检查一下安装情况,可以看到AndroidStudio已安装成功
在这里插入图片描述

2. android sdk环境变量配置
  • 系统变量中添加ANDROID_SDK_HOME,添加值android sdk的根目录

    在这里插入图片描述

  • 系统变量Path中添加%ANDROID_SDK_HOME%\tools;
    %ANDROID_SDK_HOME%\platform-tools

在这里插入图片描述


第三步 Android Studio中配置Flutter+Dart开发环境

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
检查一下安装配置信息
在这里插入图片描述
可以看到 第二条 Android toolchain 中 提示 Android licenses not accept,运行flutter doctor --android-licenses命令,然后再查看
在这里插入图片描述
我们已经在Android Studio中安装了Flutter和Dart插件,但这里显示没有安装(如果不是android studio 4.1版本 或者没有出现该问题不需要修改)。
是因为当前新版本Android Studio 4.1 稳定版相比以前的版本部分目录发生改变,导致flutter 找不到该目录。 这里我们需要把flutter sdk 从稳定版切换到开发版本(开发版已修复该问题)。
Flutter版本切换
Flutter版本切换完成后,我们再次检查配置情况
在这里插入图片描述
到这里,在Android Studio中开发Flutter已经配置完成。

第四步 创建第一个Flutter项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
创建项目完成,我们需要创建虚拟设备或者用外接android设备。这里我们创建虚拟设备
在这里插入图片描述
Android Studio 创建虚拟设备:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
创建完成虚拟设备后,就可以运行了
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值