Windows平台下Android Studio搭建Flutter开发环境的正确姿势(202506)

Flutter作为Google推出的跨平台移动应用开发框架,近年来获得了广泛关注。它允许开发者使用单一代码库构建iOS和Android应用,大大提高了开发效率。本文将带你一步步在Windows系统上搭建完整的Flutter开发环境。

第一步:下载并安装Flutter SDK

首先,我们需要获取Flutter SDK:

在这里插入图片描述

  1. 访问Flutter官方中文文档的安装页面:https://docs.flutter.cn/get-started/install/windows/mobile
  2. 下载最新稳定的Windows版本Flutter SDK
  3. 将下载的压缩包解压到你选择的目录,例如我解压到了C:\Users\admin\flutter

小提示:建议将Flutter SDK放在用户目录下,避免系统目录可能带来的权限问题。

第二步:安装Android Studio及Flutter插件

Flutter开发推荐使用Android Studio作为IDE:

在这里插入图片描述

  1. 如果你还没有安装Android Studio,请先下载并安装它
  2. 打开Android Studio,进入File > Settings > Plugins
  3. 在插件市场中搜索"Flutter"
  4. 点击安装Flutter插件(这将同时安装Dart插件)

安装完成后需要重启Android Studio使插件生效。

第三步:配置环境变量

为了让系统正确识别Flutter命令,我们需要配置一些环境变量,目前这个国内下载源还是挺稳定的:

  1. 新建系统环境变量FLUTTER_STORAGE_BASE_URL,值为:
    https://storage.flutter-io.cn
    
  2. 新建系统环境变量PUB_HOSTED_URL,值为:
    https://pub.flutter-io.cn
    
  3. 在Path环境变量中添加Flutter SDK的bin目录路径,例如:
    C:\Users\admin\flutter\bin
    

注意:这些配置使用国内镜像,可以加速Flutter在中国大陆的下载速度。

第四步:禁用Git的SSL验证

为了避免可能出现的Git SSL验证问题,我们需要执行以下命令:

  1. 打开命令提示符(cmd)
  2. 执行以下命令:
    git config --global http.sslVerify "false"
    

第五步:验证安装

现在我们可以验证Flutter是否安装正确:

  1. 打开新的命令提示符窗口(确保环境变量已生效)
  2. 运行以下命令:
    flutter doctor
    

这个命令会检查你的开发环境并显示报告。首次运行时会自动下载所需的依赖项。根据提示安装缺少的组件(如Android SDK等)。

第六步:创建第一个Flutter项目

一切准备就绪后,我们可以创建第一个Flutter项目了:

在这里插入图片描述

  1. 打开Android Studio
  2. 点击"New Flutter Project"
  3. 选择"Flutter Application"
  4. 按照向导填写项目名称、位置等信息
  5. 点击"Finish"完成创建

现在你就可以开始你的Flutter开发之旅了!

常见问题解决

如果在flutter doctor检查中出现问题,以下是一些常见解决方案:

  • Android许可证问题:运行flutter doctor --android-licenses并接受所有许可证
  • 缺少Android SDK:通过Android Studio的SDK Manager安装最新SDK
  • 设备未连接:确保已启用USB调试或使用模拟器

结语

通过以上步骤,你应该已经成功搭建了Flutter开发环境。Flutter的热重载功能可以让你快速看到代码更改的效果,极大地提高了开发效率。现在,你可以开始探索Flutter丰富的组件库和强大的跨平台能力,构建出色的移动应用了!

如果你在安装过程中遇到任何问题,欢迎在评论区留言,我会尽力解答。Happy Fluttering!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值