Flutter Windows 安装完整指南

一、系统要求与环境准备

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.cnFLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

或使用清华大学镜像:

FLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsinghua.edu.cn/flutterPUB_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.1systemProp.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_appcd my_appflutter run

Android Studio创建

  1. 选择"Start a new Flutter project"

  2. 选择"Application"类型

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

  4. 点击"Finish"完成创建

标签:

相关文章

海外东经--山海经

 海外自东南陬至东北陬者。  (长差)丘,爰有遗玉、青马、视肉、杨柳、甘华。甘果所生,在东海。两山夹丘,上有树木。一曰嗟丘。一曰百果所在,在尧葬东。  大人国在其北,为人大,坐而削船。一曰在(长差)丘...

ai项目的热度

一、资本持续涌入‌初创企业受追捧‌AI编程领域出现多起高额融资案例,例如poolside获5亿美元融资,估值达30亿美元;codeium新一轮融资后估值28.5亿美元‌去中心化创意AI平台Sogni...

分批次处理海量数据

在处理海量数据时,使用 setTimeout 分批次处理可以避免阻塞主线程,提升页面响应性。以下是分步骤的解决方案和代码示例:方法思路‌数据分块‌:将大数据拆分成多个小批次(如每批...

UI组件库

以下是2025年前端开发中常用的库和工具分类整理,结合当前技术趋势和实际应用场景:📱 ‌UI组件库‌‌移动端‌‌Vant‌:轻量级Vue组件库,支持Vue2/3和小程序‌uView系列‌:uView(...

前端-数据可视化库

以下是2025年主流的数据可视化库分类推荐,结合应用场景与技术特点综合整理:📊 ‌一、通用图表库‌‌ECharts‌百度开源,国内最流行的可视化库,支持50+图表类型(折线/饼图/热力图等)高性能渲染...

前端的奥妙

精妙之处可概括为以下维度:🎨 ‌一、隐形魔法:重塑人机交互的温度‌‌无感适配的艺术‌响应式设计让图文排版随设备屏幕自动流淌,滑动如丝绸般顺滑,技术如空气般自然融入生活,成为用户无感却不可或缺的体验基石...