跳转至正文

使用 VS Code 安装 Flutter

了解如何使用 VS Code 快速安装并配置 Flutter SDK。

了解如何在基于 Code OSS 的编辑器中安装并配置 Flutter。包括但不限于 VS CodeAntigravityCursorWindsurf

选择你的开发平台

#

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

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

下载必备软件

#

为了最顺畅地完成 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
    
  3. 下载并安装 Visual Studio Code

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

  1. 安装 Xcode 命令行工具

    下载 Xcode 命令行工具以获取 Flutter 依赖的命令行工具(包括 Git)。

    要下载这些工具,请在你偏好的终端中运行以下命令:

    xcode-select --install
    

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

  2. 下载并安装 Visual Studio Code

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

  1. 为 Windows 安装 Git

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

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

  2. 下载并安装 Visual Studio Code

    要快速安装 Flutter 并编辑、调试你的应用,请 安装并配置 Visual Studio 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
    
  2. 下载并安装 Visual Studio Code

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

安装并配置 Flutter

#

现在你已经安装了 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.
      

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

    7. 点击 Add SDK to PATH

      成功时,会显示以下通知:

      The Flutter SDK was added to your PATH
      
    8. VS Code 可能会显示 Google Analytics 通知。

      若你同意,请点击 OK

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

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

      2. 重启 VS Code。

  4. 验证你的配置

    要确保你正确安装了 Flutter,请在你偏好的终端中运行 flutter doctor -v

    若找不到该命令或出现错误,请参阅 Flutter 安装问题排查

继续你的 Flutter 之旅

#

现在你已经成功安装了 Flutter,请至少为一个目标平台配置开发环境,以继续你的 Flutter 学习之旅。