在 VSCode 中配置 Flutter 开发环境

本文详细介绍了如何在 Visual Studio Code（VSCode）中配置 Flutter 开发环境，适合初次接触 Flutter 的开发者参考。

1. 创建新项目并自动获取 Flutter SDK

1. 在 VSCode 中，打开命令面板：

   • 通过菜单：视图​ > 命令面板。
   • 快捷键：Control + Shift + P（Windows/Linux）或 Command + Shift + P（macOS）。

2. 在命令面板中输入“flutter”，从下拉列表中选择 Flutter: New Project。

3. 首次创建项目时，VSCode 会提示你在电脑上定位 Flutter SDK。此时选择 “下载SDK” 。

---

2. 选择安装位置并克隆 Flutter

1. 弹出“选择Flutter SDK文件夹”对话框后，选择一个你希望安装 Flutter 的目录（建议路径简单，不含中文或空格）。

2. 点击 “克隆Flutter” ​ 开始下载。VSCode 会显示以下提示：

   Downloading the Flutter SDK. This may take a few minutes.

   下载时间根据网络状况而定，通常需要几分钟。

---

3. 配置环境变量

1. 下载完成后，VSCode 会弹出提示，请点击 “将SDK添加到PATH” ​ 确认。

2. 成功后，会看到通知：

   The Flutter SDK was added to your PATH.

   这表示 Flutter SDK 的路径已成功添加到系统的环境变量中。

---

4. 同意 Google Analytics（可选）

首次设置时可能会弹出关于 Google Analytics 的提示。你可以根据需要选择是否同意发送使用数据以帮助 Flutter 团队改进。如果同意，点击“确定”；如果跳过，不影响后续使用。

---

5. 重启 VSCode 完成配置

为了确保 Flutter 命令在所有终端和 VSCode 内部完全生效，重启 VSCode​ 是一个必要的步骤。

重启后，你就可以在 VSCode 中使用 Flutter 命令、创建新项目、运行和调试 Flutter 应用了。

---

后续验证

1. 重新打开 VSCode 后，可打开内置终端（View> Terminal）。

2. 输入以下命令检查 Flutter 是否配置成功：

   flutter doctor
   

   该命令会检查开发环境的完整性，并提示需要安装的依赖（如 Android Studio、Xcode 等）。

---

现在你的 VSCode 已经成功配置了 Flutter 开发环境，可以开始创建你的第一个 Flutter 应用了。