Flutter Windows 安装完整指南

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

一、系统要求与环境准备

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 /钉钉...

前端AI项目

一、‌开发效率提升‌‌智能代码生成‌‌场景‌:根据设计稿或自然语言描述生成前端代码。‌案例‌:‌Vercel v0‌:基于AI生成React代码,支持动态调整UI组件。‌Uizard‌:将手绘草图或F...

如何利用ai 挣钱

以下是2025年普通人利用AI技术实现创收的主流方式,涵盖多个领域且实操性强:一、内容创作类‌AI图文生成‌通过ChatGPT、火山写作等工具批量生成自媒体文章/短视频脚本,调整20%内容规避平台检测...

Dart 语言

一、Dart 语言基础与开发环境1. Dart 语言概述Dart 是由 Google 开发的客户端优化编程语言,具备以下核心特性:‌跨平台支持‌:可编译为原生代码或 JavaScript,适用于移动、...

前端错误集合

⚠️ ‌一、核心运行时错误类型‌‌SyntaxError(语法错误)‌‌原因‌:代码不符合 JavaScript 语法规则(如变量命名不合规、括号缺失等)‌案例‌:var1a = 10;(数字开头的变...