Flutter Windows 安装完整指南

admin10个月前 (05-23)it知识583

一、系统要求与环境准备

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"完成创建

标签: 分享IT知识

相关文章

国庆节之后

国庆节之后,秋意渐浓,天空如洗,阳光更加灿烂。在这片美丽的土地上,繁华的都市和静谧的乡村都在庆祝这个重要的节日。国人们以独特的方式,让这个日子充满了色彩和热情。随着金秋的步伐,丰收的季节来临。果园中的...

uni-app

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者可以编写一套代码,然后发布到 iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/ QQ /钉钉...

海外西经--山海经

海外自西南陬至西北陬者。灭蒙鸟在结匈国北,为鸟青,赤尾。大运山高三百仞,在灭蒙鸟北。大乐之野,夏后启于此舞九代,乘两龙,云盖三层。左手操翳,右手操环,佩玉璜。在大运山北。三身国在夏后启北,一首而三身。...

前端状态管理器

前端状态管理器是用于管理应用数据状态的核心工具,主要解决组件间状态共享、数据一致性等问题。以下是主流方案和技术要点:一、核心概念‌状态类型‌本地状态(组件内部)全局状态(跨组件共享)服务端状态(异步数...

PHP 在 2025 年及未来的发展趋势

PHP 在 2025 年及未来的发展趋势聚焦于性能跃升、现代化工具链完善与新兴场景融合,呈现以下核心方向:⚙️ ‌一、语言核心深度进化‌‌性能持续突破‌‌JIT 编译器深化‌:PHP 9+ 将针对 A...

前端的奥妙

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