了解如何使用 VS Code 快速设置你的 Flutter 开发环境。

选择你的开发平台

#

本页说明旨在涵盖在 Windows 设备上安装 Flutter 的内容。

如果你想遵循其他操作系统的说明,请选择以下之一。

下载必备软件

#

为了获得最流畅的 Flutter 设置体验,请首先安装以下工具。

  1. 设置 Linux 支持

    如果你之前未在 Chromebook 上设置过 Linux 支持,请开启 Linux 支持

    如果你已开启 Linux 支持,请按照修复 Linux 问题的说明,确保其为最新版本。

  2. 下载并安装必备软件包

    使用 apt-get 或你偏好的安装机制,安装以下软件包的最新版本

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

    如果你想使用 apt-get,请使用以下命令安装这些软件包

    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

    如果你尚未安装这些工具,应该会弹出一个对话框,确认你是否要安装它们。点击安装,待安装完成后,点击完成

  2. 下载并安装 Visual Studio Code

    要快速安装 Flutter,然后编辑和调试你的应用,请安装并设置 Visual Studio Code

  1. 安装 Git for Windows

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

    如需安装或排查 Git 故障方面的帮助,请参考Git 文档

  2. 下载并安装 Visual Studio Code

    要快速安装 Flutter,然后编辑和调试你的应用,请安装并设置 Visual Studio Code

  1. 下载并安装必备软件包

    使用你偏好的包管理器或机制,安装以下软件包的最新版本

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

    在基于 Debian 的发行版(如 Ubuntu)上,使用 apt-get,请使用以下命令安装这些软件包

    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. 将 Flutter 扩展添加到 VS Code

    要将 Dart 和 Flutter 扩展添加到 VS Code,请访问Flutter 扩展的市场页面,然后点击安装。如果浏览器提示,请允许它打开 VS Code。

  3. 使用 VS Code 安装 Flutter

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

      前往视图 > 命令面板,或者按下 Cmd/Ctrl + Shift + P

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

    3. 选择Flutter: 新建项目

    4. VS Code 会提示你在计算机上找到 Flutter SDK。选择下载 SDK

    5. 当显示选择 Flutter SDK 文件夹对话框时,选择你想要安装 Flutter 的位置。

    6. 点击克隆 Flutter

      在下载 Flutter 期间,VS Code 会显示此弹出通知

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

      此下载需要几分钟。如果你怀疑下载已挂起,请点击取消,然后重新开始安装。

    7. 点击添加 SDK 到 PATH

      成功时,会显示通知

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

      如果你同意,点击确定

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

      1. 关闭所有终端窗口,然后重新打开它们。
      2. 重新启动 VS Code。
  4. 验证您的设置

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

    如果找不到命令或出现错误,请查阅Flutter 安装故障排除

继续你的 Flutter 之旅

#

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