快速安装

了解如何使用基于 Code OSS 的编辑器（例如 VS Code）配置 Flutter 开发环境并试跑 Flutter 的开发体验。

若你此前已使用 Flutter 开发过，或你更倾向使用其他编辑器或 IDE，可改为按照 自定义配置说明 操作。

本页说明默认针对在 Windows 设备上安装并试跑 Flutter。

若要查看其他操作系统的说明，请选择以下选项之一。

Windows

macOS

Linux

ChromeOS

为了最顺畅地完成 Flutter 配置，请先安装以下工具。

1. 配置 Linux 支持

   若你此前未在 Chromebook 上配置 Linux 支持，请参阅 开启 Linux 支持。

   若你已开启 Linux 支持，请按照 修复 Linux 相关问题 的说明确保其为最新状态。

2. 下载并安装必备 package

   使用 apt-get 或你偏好的安装方式，安装以下 package 的最新版本：

   • curl
   • git
   • unzip
   • xz-utils
   • zip
   • libglu1-mesa

   若要使用 apt-get，请使用以下命令安装这些 package：

   $ sudo apt-get update -y && sudo apt-get upgrade -y
   $ sudo apt-get install -y curl git unzip xz-utils zip libglu1-mesa
   

   content_copy

3. 下载并安装 Visual Studio Code

   要快速安装 Flutter 并编辑、调试你的应用，请 安装并配置 Visual Studio Code。

   你也可以安装并使用任何其他支持 VS Code 扩展的基于 Code OSS 的编辑器。若你选择这样做，本文余下部分中的 VS Code 均指你所选的编辑器。

1. 安装 git

   若你已安装 git，请跳至下一步：下载并安装 Visual Studio Code。

   在 Mac 上安装 git 有多种方式，但我们推荐使用 XCode。当你面向 iOS 或 macOS 构建时，这一点很重要。

   $ xcode-select --install
   

   content_copy

   若你尚未安装这些工具，应会弹出对话框确认你是否要安装。点击 Install，安装完成后点击 Done。

2. 下载并安装 Visual Studio Code

   要快速安装 Flutter 并编辑、调试你的应用，请 安装并配置 Visual Studio Code。

   你也可以安装并使用任何其他支持 VS Code 扩展的基于 Code OSS 的编辑器。若你选择这样做，本文余下部分中的 VS Code 均指你所选的编辑器。

1. 为 Windows 安装 Git

   下载并安装最新版本的 Git for Windows。

   有关安装或排查 Git 问题的帮助，请参阅 Git 文档。

2. 下载并安装 Visual Studio Code

   要快速安装 Flutter 并编辑、调试你的应用，请 安装并配置 Visual Studio Code。

   你也可以安装并使用任何其他支持 VS Code 扩展的基于 Code OSS 的编辑器。若你选择这样做，本文余下部分中的 VS Code 均指你所选的编辑器。

1. 下载并安装必备 package

   使用你偏好的 package 管理器或安装方式，安装以下 package 的最新版本：

   • curl
   • git
   • unzip
   • xz-utils
   • zip
   • libglu1-mesa

   在基于 Debian 且使用 apt-get 的发行版（例如 Ubuntu）上，请使用以下命令安装这些 package：

   $ sudo apt-get update -y && sudo apt-get upgrade -y
   $ sudo apt-get install -y curl git unzip xz-utils zip libglu1-mesa
   

   content_copy

2. 下载并安装 Visual Studio Code

   要快速安装 Flutter 并编辑、调试你的应用，请 安装并配置 Visual Studio Code。

   你也可以安装并使用任何其他支持 VS Code 扩展的基于 Code OSS 的编辑器。若你选择这样做，本文余下部分中的 VS Code 均指你所选的编辑器。

现在你已经安装了 Git 和 VS Code，请按照以下步骤使用 VS Code 安装并配置 Flutter。

1. 启动 VS Code

   若尚未打开，可通过 Spotlight 搜索或从安装目录手动打开 VS Code。

2. 向 VS Code 添加 Flutter 扩展

   要向 VS Code 添加 Dart 和 Flutter 扩展，请访问 Flutter 扩展的市场页面，然后点击 Install。若浏览器提示，请允许其打开 VS Code。

3. 使用 VS Code 安装 Flutter

   1. 在 VS Code 中打开命令面板。

      依次选择 View > Command Palette，或按 Cmd/Ctrl + Shift + P。

   2. 在命令面板中输入 flutter。

   3. 选择 Flutter: New Project。

   4. VS Code 会提示你在计算机上定位 Flutter SDK。选择 Download SDK。

   5. 当 Select Folder for Flutter SDK 对话框显示时，选择你希望安装 Flutter 的位置。

   6. 点击 Clone Flutter。

      下载 Flutter 时，VS Code 会显示以下弹出通知：

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

      content_copy

      此下载可能需要几分钟。若你怀疑下载已卡住，请点击 Cancel，然后重新开始安装。

   7. 点击 Add SDK to PATH。

      成功时，会显示以下通知：

      The Flutter SDK was added to your PATH
      

      content_copy

   8. VS Code 可能会显示 Google Analytics 通知。

      若你同意，请点击 OK。

   9. 要确保 Flutter 在所有终端中可用：

      1. 关闭并重新打开所有终端窗口。

      2. 重启 VS Code。

4. 排查安装问题

   若安装过程中遇到任何问题，请参阅 Flutter 安装问题排查。

安装 Flutter SDK 时会自动安装 Dart。现在你可以开始构建 Flutter 应用了！

如果你已熟悉编程，可以跳过 Dart 教程，直接进入第一个 Flutter 课程。