如何在 Visual Studio Code 上安装 Flutter？

Flutter 是一种开源的移动应用程序 SDK，主要用于构建高性能、高保真度的 Android 和 iOS 应用程序。本文将介绍如何在 Visual Studio Code 上安装 Flutter。

安装 Visual Studio Code

要安装 Flutter，你需要 Visual Studio Code。你可以从官方网站 https://code.visualstudio.com/ 下载并安装 Visual Studio Code。

安装 Flutter 扩展

安装好了 Visual Studio Code 之后，下一步是安装 Flutter 扩展。Flutter 扩展可以让你在 Visual Studio Code 中使用 Flutter。

1. 打开 Visual Studio Code。
2. 点击左侧的扩展图标。
3. 搜索 Flutter 扩展。
4. 点击安装。
5. 安装完成后，重新启动 Visual Studio Code。

安装 Flutter SDK

安装 Flutter 扩展后，你需要安装 Flutter SDK。Flutter SDK 包含了构建和运行 Flutter 应用程序所需的工具。

1. 下载 Flutter SDK。你可以从官方网站 https://flutter.dev/docs/get-started/install 选择适合你的操作系统版本并下载 Flutter SDK。
2. 解压 Flutter SDK 文件夹。
3. 在 Visual Studio Code 中打开命令面板。你可以使用快捷键 Command+Shift+P（Mac）或 Ctrl+Shift+P（Windows、Linux）来打开命令面板。
4. 在命令面板中，搜索 Flutter: New Project，然后按 Enter。
5. 选择你的安装路径。
6. 点击 Create a New Project。
7. 创建完成后，你可以在 Visual Studio Code 中打开和编辑该项目。

配置 Flutter 环境变量

为了让命令行可以正常识别 flutter 命令，你需要通过设置 PATH 环境变量将 Flutter SDK 加入到系统环境变量中。

1. 打开终端（Mac、Linux）或命令提示符（Windows）。

2. 输入以下命令，并将“[PATH_TO_FLUTTER_GIT_DIRECTORY]”替换为你的 Flutter SDK 文件夹路径：

   export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/bin"
   

   示例（Mac）：

   export PATH="$PATH:/Users/username/dev/flutter/bin"
   

   示例（Windows）：

   set PATH="%PATH%;D:\flutter\bin"
   

3. 保存配置文件。具体文件路径请参考您所使用的操作系统和终端程序。Windows 用户可以在环境变量编辑器中更新 PATH 变量，这样就不必执行上述导出命令。

现在你已经准备好在 Visual Studio Code 中使用 Flutter 开发应用程序了。享受 Coding 吧！