Flutter Windows 安装完整指南

admin7天前it知识40

一、系统要求与环境准备

1. 硬件与操作系统要求

项目最低要求推荐配置
操作系统Windows 10 64位Windows 11 22H2
内存8GB16GB
磁盘空间1.64GB (不含IDE)10GB SSD
工具PowerShell 5.0+, Git 2.xAndroid Studio 2025.1+

注意:避免安装在有中文或空格的路径中,如C:\Program Files这类需要管理员权限的目录

二、详细安装步骤

1. 下载Flutter SDK

# 解压到无空格路径(如C:\src\flutter)
tar xf flutter_windows_3.29.2-stable.zip -C C:\src

2. 配置环境变量

  1. 添加Flutter到系统PATH:

    • C:\src\flutter\bin

  2. 设置国内镜像变量(用户变量):

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

或使用清华大学镜像:

FLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsinghua.edu.cn/flutter
PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub
```:ml-citation{ref="7,8" data="citationList"}

验证安装

flutter --version  # 应显示类似"Flutter 3.29.2"的版本信息
flutter doctor     # 检查环境完整性

三、开发工具配置

1. Android Studio设置

  1. 安装Flutter插件:

    • 打开Android Studio → File → Settings → Plugins

    • 搜索安装Flutter插件(会自动安装Dart插件)

  2. 配置Android SDK:

    • 通过SDK Manager安装最新Android SDK

    • 确保勾选"Android SDK Command-line Tools"

2. VS Code配置(可选)

  1. 安装扩展:

    • Flutter

    • Dart

  2. 配置SDK路径:

"dart.flutterSdkPath": "C:\\src\\flutter"

四、常见问题解决方案

1. Gradle配置问题

  • 手动下载Gradle‌:将gradle-wrapper.properties中的distributionUrl改为本地路径:

distributionUrl=file:///D:/gradle/gradle-8.10.2-all.zip

代理设置‌:在gradle.properties中添加:

systemProp.http.proxyHost=127.0.0.1
systemProp.http.proxyPort=1080
```:ml-citation{ref="16,17" data="citationList"}

2. 权限问题处理

  • 避免高权限路径‌:不要安装在Program Files等系统目录

  • 管理员权限运行‌:右键IDE/终端选择"以管理员身份运行"

  • 安全软件设置‌:临时关闭杀毒软件或添加Flutter目录到白名单

3. Flutter doctor错误修复

错误提示解决方案
cmdline-tools component is missing在Android Studio的SDK Manager中安装"Android SDK Command-line Tools"
Android licenses not accepted运行flutter doctor --android-licenses并全部接受
Visual Studio not installed安装Visual Studio并勾选"使用C++的桌面开发"工作负载

五、2025年新特性配置

Impeller 2.0渲染引擎

Flutter 3.29+默认启用Impeller 2.0,无需额外配置。验证方法:

flutter run --verbose | findstr "Impeller"

输出包含Using Impeller表示已启用

性能优化建议

  1. 启用分帧渲染‌:

void main() {
  WidgetsFlutterBinding.ensureInitialized()
    ..scheduleFrameCallback((_) {})
    ..rendererBinding.enableRenderPipelineReuse = true;
  runApp(MyApp());
}

‌       预编译着色器‌:

flutter build bundle --precompile
```:ml-citation{ref="24" data="citationList"}

六、创建第一个项目

命令行创建

flutter create my_app
cd my_app
flutter run

Android Studio创建

  1. 选择"Start a new Flutter project"

  2. 选择"Application"类型

  3. 输入项目名称和保存路径(确保无中文和空格)

  4. 点击"Finish"完成创建

标签: 分享IT知识

相关文章

技术与艺术的融合:创造无比魅力的结合

在人类文明的发展史上,技术与艺术如同一对形影不离的伙伴,共同推动了人类社会的进步。随着科技的飞速发展,技术与艺术的融合愈发紧密,为我们揭示了一个全新的视角,让我们重新审视这两股强大的力量。在当今数字化...

享受工作:找到事业与生活的平衡点

工作是我们日常生活中不可或缺的一部分。我们花费大量的时间和精力在工作中,因此,如何享受工作并找到事业与生活的平衡点就显得尤为重要。在这篇文章中,我们将探讨如何享受工作,让事业和生活愉快并行。首先,了解...

关于夏天

在一个炎热的午后,阳光穿过树叶的缝隙,洒在公园的草地上。空气中弥漫着夏日的气息,那是炎热中夹杂着淡淡的花香,还有草地的清新味道。在这个充满活力的季节,夏天以其独特的方式展示着它的魅力。夏天是一个充满色...

湖边

湖边,一片静谧的美好。清晨的阳光洒在湖面上,波光粼粼,让人心旷神怡。湖上的荷叶轻轻摇曳,荷花争奇斗艳,仿佛在向人们展示着它们的美丽。湖边的柳树依依,芦苇丛生,形成了一道道天然的屏障,让人感到一种隐秘的...

个人学习计划

学习计划是一个帮助你提高学习效率和使用时间的有效工具。以下是一个可能的学习计划:目标设定。 在开始学习之前,明确你的学习目标和目的地,这有助于你制定实际可行的计划。分解任务。 将大...

炎热的夏天

夏天是一个充满活力和热情的季节,炎热的的气息让人感到无力和疲惫。但是,这个季节也有着许多美好的回忆和乐趣,让我们一起来看看夏天的美好与炎热吧。首先,夏天的天气非常炎热,太阳高照,蓝天白云,气温高达30...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。