news 2026/7/17 20:55:56

Flutter 环境搭建实录

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Flutter 环境搭建实录

Flutter环境搭建日志,记录了我在 Windows 10 系统上从零开始配置 Flutter 开发环境的完整过程。期间遇到了网络连接、环境变量、sdk下载、Android Studio 配置等一系列问题,最终全部解决。

🖥️ 我的电脑配置

硬件配置
操作系统Windows 10 专业版 64位 (22H2)
CPUIntel Core i7-8700 @ 3.20GHz (6核12线程)
内存16.0 GB
硬盘512GB SSD(可用空间约262GB)
显卡Intel UHD Graphics 630

📦 需要安装的软件清单

软件用途
VS Code代码编辑器(写 Flutter 代码的地方)
Flutter SDKFlutter 核心开发工具包
Dart SDK随 Flutter SDK 一起安装
Android Studio提供 Android SDK 和模拟器(不一定要用来写代码)
GitFlutter SDK 依赖 Git 进行版本管理(已安装,省略这一步)

📋 快速配置清单

步骤

操作

备注

1

安装 VS Code

官网下载

2

安装 Flutter 核心插件

VS Code 扩展商店

3

安装 Android Studio

官网下载

4

验证环境

flutter doctor -v

1.安装 VS Code

直接官网下载,按照官网的步骤安装就好了

配置用户设置文件settings.json文件

  1. 在 VS Code 中,按下快捷键Ctrl + Shift + P

  2. 在弹出的输入框中,输入Preferences: Open Settings (JSON),点击它打开文件

  3. 在打开的settings.json文件中,找到dart.flutterSdkPath”这一项。如果不存在就手动添加。

  4. dart.flutterSdkPath”的值改成你的 Flutter SDK 存放的实际路径

{ "dart.flutterSdkPath": "D:\\flutter" }

2.安装 Flutter 插件(核心插件)

VS Code 扩展商店中搜索 “flutter”,点击安装由官方发布的flutter插件(自动安装Dart插件)

下载完成后会弹出一个提示:

The Flutter SDK was downloaded. Would you like to add it to your PATH?

点击了Add SDK to PATH,那么它会自动帮你配置好环境变量PATH,添加D:\flutter\bin

推荐同时安装Flutter Widget Snippets插件

下载时,发现初始化非常缓慢

点击 “Cancel” 按钮,重新打开 VS Code,在终端输入命令

flutter doctor -v

这一步操作的是手动运行 flutter doctor,-v是 verbose(详细模式),会打印出进度信息

问题分析:VS Code 在尝试从pub.dev下载依赖时遇到了网络问题(socket error

此时我想验证一下电脑上到底有没有装好 flutter sdk

打开D盘查看flutter/bin文件夹下flutter.batSDK 文件在

打开CMD窗口验证,输入以下命令

flutter --version

问题分析:你的网络无法正常访问pub.dev( Flutter 的官方包仓库),导致flutter --version卡在下载依赖这一步。

Ctrl + C终止,检查vpn是否关闭,然后临时设置国内镜像(仅当前窗口有效)

在CMD输入命令(一行一行地输入并回车)

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

Flutter 从国内的镜像站下载依赖,速度快了很多,不会再出现socket error的错误

以下命令在CMD中操作(是一行一行地输入并回车)

set PUB_HOSTED_URL=https://pub.flutter-io.cn set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn flutter --version flutter doctor -v

以下命令在VS Code的终端操作(是一行一行地输入并回车)

$env:PUB_HOSTED_URL="https://pub.flutter-io.cn" $env:FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn" flutter --version flutter doctor -v

好的,重新回到VS Code的终端窗口

📋 诊断结果解读
检查项状态说明
Flutter SDK✅ 完美已正确安装,并使用了国内镜像,网络配置很棒。
Windows 系统✅ 完美符合所有开发要求。
Chrome 浏览器✅ 完美可以立即进行 Web 应用开发。
Android 工具链❌ 缺失这是主要问题,需要安装 Android Studio 来提供 SDK 和模拟器。
Visual Studio⚠️ 组件缺失只影响 Windows 桌面应用开发,可以先不管
网络资源⚠️ 连接超时检查 GitHub 时超时,不影响国内镜像的使用

3.安装 Android Studio

直接官网下载,按照官网的步骤安装就好了

安装完成,在vs code终端再次查看还缺少哪些开发必备的组件

$env:PUB_HOSTED_URL="https://pub.flutter-io.cn" $env:FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn" flutter doctor -v

📋 诊断结果解读
检查项状态说明
Flutter SDK✅ 完美已正确安装,镜像配置成功
Windows 系统✅ 完美符合所有要求
Chrome✅ 完美可进行 Web 开发
网络资源✅ 完美所有资源可访问
Android 工具链⚠️ 两个小问题缺少 cmdline-tools + 许可证未同意
Visual Studio⚠️ 组件缺失只影响 Windows 桌面应用,可暂缓
安装 cmdline-tools

打开 Android Studio 的 SDK Manager

切换到 SDK Tools 选项卡,勾选 "Android SDK Command-line Tools (latest)"

点击"Apply"按钮,在弹出的确认对话框中点击 "OK",下载完成后点击 "Finish"

同意 Android 许可证

在 VS Code 终端中运行:

$env:PUB_HOSTED_URL="https://pub.flutter-io.cn" $env:FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn" flutter doctor --android-licenses

然后一路输入y(yes),直到所有许可证都同意完毕。

4.最后验证

📋 诊断结果解读

检查项状态说明
Flutter SDK✅ 完美版本 3.44.6,镜像配置成功
Windows 系统✅ 完美符合所有要求
Android 工具链已修复!SDK 已安装,所有许可证已同意
Chrome✅ 完美可进行 Web 开发
Connected Device✅ 完美可运行在 Windows、Chrome、Edge
Network Resources✅ 完美所有网络资源可访问
Visual Studio⚠️ 可忽略仅用于 Windows 桌面应用开发

💡建议分享

  • 国内网络环境一定要配置镜像,这是最关键的一步,否则各种超时错误会让你崩溃
  • 不要同时开 VPN,配置了国内镜像后直连反而更快
  • 环境变量配置后记得重启 VS Code,否则终端不会生效
  • 遇到报错先看红色文字,90% 的问题都写在了报错信息里

现在环境已经就绪,接下来就可以正式学习 Flutter 开发了

如果这篇文章对你有帮助,欢迎收藏或分享给其他正在搭建 Flutter 环境的朋友。祝编码愉快!🚀

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/17 20:50:10

什么是产品经理?

为什么需要产品经理?直接给答案:因为组织的分工,会导致没有人对全局的投入产出比负责。我们看一个没有产品经理的团队,各个角色都在追求什么:设计师:追求极致的用户体验。一个按钮的位置、一个动画的流畅度…

作者头像 李华
网站建设 2026/7/17 20:49:16

AI全栈工程师成长计划:20个企业级项目实战指南

1. 为什么你需要这份AI全栈成长计划?在ChatGPT引爆全球AI热潮的今天,几乎所有技术岗位的JD都开始要求"具备AI相关经验"。但市场上90%的AI课程要么停留在理论层面,要么只教单点技术。我见过太多人学完TensorFlow教程却连一个完整的A…

作者头像 李华
网站建设 2026/7/17 20:48:03

C#征服物联网:从设备管理到智能决策,一套.NET 8全栈实战架构

摘要:在工业物联网(IIoT)领域,C#早已不是“只能写上位机”的语言。随着.NET 8的成熟、AOT编译的普及以及云原生生态的完善,C#已经具备了从边缘设备接入、海量消息处理到云端智能决策的全链路能力。本文以一个真实落地的“智慧冷链监控系统”为例,拆解如何用纯C#技术栈构建…

作者头像 李华
网站建设 2026/7/17 20:43:44

储能PCS遥调响应慢?我们复盘了50MW电站的指令闭环逻辑

去年 11 月在西北那个 50MW/100MWh 的储能项目联调时,我们遇到了一个极其诡异的现象:运维在监控界面点下“停机”,系统显示指令已下发,但 BMS 的电流数据还在跳动,整整 8 秒后才归零。这种“指令石沉大海”的错觉&…

作者头像 李华
网站建设 2026/7/17 20:42:16

Google Antigravity CLI:终端AI编程助手集成Gemini 3 Pro模型

这次我们来看一个让终端开发更智能的新工具——Google Antigravity CLI。这个工具将AI编程Agent直接集成到终端环境中,让开发者能够在命令行界面中直接使用自然语言与AI代理交互,完成复杂的开发任务。Google Antigravity CLI基于最新的Gemini 3 Pro模型&…

作者头像 李华
网站建设 2026/7/17 20:41:43

CentOS自建yum仓库实战指南与优化技巧

1. CentOS自建yum仓库核心价值解析 在企业级Linux运维中,yum仓库如同一个精心管理的"软件超市"。我经历过多次因官方源网络延迟导致的部署失败,特别是在批量部署Ceph分布式存储或PostgreSQL-TimescaleDB组合时,自建仓库的价值就凸显…

作者头像 李华