什么是 Flutter？
如果你想开发一款 App，既能跑在苹果手机上，又能跑在安卓手机上，还能跑在网页和电脑上，那 Flutter 就是你的好帮手。
Flutter 是由 Google 开发的一个开源框架，它最大的特点就是："写一套代码，处处运行"。你不需要分别为 iOS 和 Android 写两套代码，大大节省了开发时间和精力。
今天这篇文章，我们将手把手带你在 Windows 电脑上搭建 Flutter 开发环境。即使你是完全的编程小白，跟着做就行！
一、准备工作
在开始安装 Flutter 之前，我们需要先安装两个工具。你可以把它们理解为"地基"，有了地基才能盖房子。
1.1 安装 Git
Git 是一个代码版本管理工具。简单来说，它可以帮你记录代码的每一次修改，就像给代码拍"快照"一样。Flutter 的下载和更新都需要依赖 Git。
安装方法：
- 打开浏览器，访问 Git 官网（git-scm.com）。
- 点击"Download for Windows"下载安装包。
- 双击安装包，一路点"Next"即可完成安装，默认选项就很好，不需要改。
1.2 安装 VS Code（代码编辑器）
VS Code（全称 Visual Studio Code）是微软出品的一款免费代码编辑器。你可以把它理解为"程序员的 Word"——写代码用的。
安装方法：
- 访问 VS Code 官网（code.visualstudio.com）。
- 点击"Download for Windows"下载。
- 双击安装包，按提示完成安装即可。
二、安装 Flutter
现在我们进入正题，用 VS Code 来安装 Flutter。这是官方推荐的方式，操作非常简单。
2.1 安装 Flutter 插件
- 打开 VS Code。
- 在左侧栏找到"扩展"图标（四个小方块的图标），点击它。
- 在搜索框中输入"Flutter"，找到由 Dart Code 开发的 Flutter 插件，点击"Install"安装。
安装 Flutter 插件时，Dart 插件会自动一起安装，不需要单独操作。
2.2 下载 Flutter SDK
- 在 VS Code 中，按下
Ctrl + Shift + P打开"命令面板"。 - 输入
flutter，选择"Flutter: New Project"。 - VS Code 会提示你定位 Flutter SDK，点击"Download SDK"。
- 选择一个你喜欢的文件夹来存放 Flutter（建议放在
C:\flutter或D:\flutter）。 - 点击"Clone Flutter"，等待下载完成。
💡 小贴士： 下载过程可能需要几分钟，取决于你的网络速度。如果下载卡住了，可以点"Cancel"取消后重新开始。
2.3 配置环境变量
下载完成后，VS Code 会提示你"Add SDK to PATH"，点击它就好。
"PATH"是什么？简单理解，它就像给电脑留了一张"地图"，告诉电脑去哪里找 Flutter 这个工具。配置好之后，你在任何地方都可以使用 Flutter 命令。
配置完成后，请做以下两件事：
- 关闭所有已打开的终端窗口，再重新打开。
- 重启 VS Code。
这样可以确保新的配置生效。
三、验证安装是否成功
安装完成后，我们需要确认一下一切是否正常。打开终端（在 VS Code 中按 Ctrl + ` 可以快速打开），输入以下命令：
flutter doctor
这个命令就像给你的开发环境做一次"体检"。它会检查哪些工具已经安装好，哪些还缺少。
如果你看到"Android Studio"相关的警告，不用担心！如果你只是想开发网页版或桌面版应用，不安装 Android Studio 也完全没问题。
四、创建你的第一个 Flutter 项目
激动人心的时刻到了！让我们来创建第一个 Flutter 应用。
- 在 VS Code 中，按
Ctrl + Shift + P打开命令面板。 - 输入
flutter，选择"Flutter: New Project"。 - 选择"Application"模板。
- 选择项目保存位置，给项目起个名字（比如
my_first_app）。
VS Code 会自动生成一个完整的示例项目，里面包含了一个简单的计数器应用。
五、体验 Flutter 的"热重载"魔法
Flutter 最让开发者喜欢的功能之一就是"热重载"（Hot Reload）。它是什么意思呢？
传统开发中，你每改一行代码，都需要重新编译和运行整个程序，可能需要等待几十秒甚至几分钟。而 Flutter 的热重载可以在不到一秒的时间内，让你修改的代码立刻反映在屏幕上，而且不会丢失当前的应用状态。
试试看：
- 运行你刚创建的项目（按
F5或点击"Run"）。 - 找到
lib/main.dart文件，修改里面的文字，比如把"You have pushed the button"改成"你好，Flutter"。 - 保存文件（
Ctrl + S），然后看屏幕——变化立即生效！
是不是很神奇？这就是热重载的魅力。
六、常见问题与小贴士
Q：安装过程中遇到问题怎么办？
可以访问 Flutter 官方的故障排除页面，里面有详细的解决方案。也可以在社区论坛或 Stack Overflow 上搜索错误信息。
Q：Flutter 和 Dart 是什么关系？
Dart 是 Flutter 使用的编程语言。安装 Flutter 时，Dart 会自动一起安装，不需要单独下载。
Q：我需要先学 Dart 吗？
如果你是编程新手，建议先通过 Dart 官方教程学习基础语法，再开始学习 Flutter。如果你已经有编程基础，可以直接从 Flutter 教程开始。
Q：可以用其他编辑器吗？
可以！只要是支持 VS Code 插件的编辑器都可以使用，但 VS Code 是官方推荐且最简单的选择。
总结
恭喜你！如果你跟着以上步骤完成了操作，你已经成功搭建了 Flutter 开发环境。让我们回顾一下今天完成的事情：安装了 Git 和 VS Code 两个前置工具，通过 VS Code 插件安装了 Flutter SDK，配置了环境变量，创建并运行了第一个 Flutter 项目，还体验了热重载功能。
接下来，你可以跟着我Flutter 教程，开始学习如何构建真正的应用程序。加油，未来的 App 开发者！
