# 安装 Flutter

> 了解如何安装 Flutter SDK。



Ready to build beautiful, multiplatform apps from a single codebase?
Choose from the following two options to get started setting up
your Flutter development environment.

你想要只编写一套代码就可以覆盖多个平台吗？快来构建你的精美应用！
任选以下一种方式，即可快速配置你的 Flutter 开发环境。

<div class="card-grid very-wide">
  <a class="card filled-card outlined-card" href="/install/quick">
    <div class="card-header">
      <span class="card-title">
        <Icon id="rocket_launch" filled="true" size="1.675rem" />
        <span><t>Quick start</t><t>快速开始</t></span>
      </span>
      <span class="card-subtitle" style="margin-top: 0.1rem;"><t>Recommended</t><t>推荐</t></span>
    </div>
    <div class="card-content">
      <p>Use VS Code or another Code OSS-based editor to quickly
        install, set up, and try out Flutter development!</p>
      <p>使用 VS Code 或其他基于 Code OSS 的编辑器，
        快速安装、配置并体验 Flutter 开发！</p>
    </div>
  </a>
  <a class="card outlined-card" href="/install/custom">
    <div class="card-header">
      <span class="card-title">
        <Icon id="tune" filled="true" size="1.675rem" />
        <span><t>Custom setup</t><t>自定义配置</t></span>
      </span>
    </div>
    <div class="card-content">
      <p>Install the Flutter SDK, set up any initial target platform, and
        get started learning and developing with Flutter!</p>
      <p>安装 Flutter SDK，配置目标平台，
        立即开始学习和开发 Flutter！</p>
    </div>
  </a>
</div>

## Try Flutter {:#try}

## 试用 Flutter

You can quickly try Flutter online without any local setup.

你可以立即在线试用 Flutter，无需任何本地配置。

<div class="card-grid">
  <a class="card outlined-card" href="https://dartpad.cn" target="_blank">
    <div class="card-header">
      <span class="card-title">
        <span>DartPad</span>
        <Icon id="open_in_new" size="1rem" />
      </span>
    </div>
    <div class="card-content">
      <p>Quickly build and run simple single-file Flutter apps on the web.</p>
      <p>快速构建并运行基于单文件的 Flutter 应用程序。</p>
    </div>
  </a>
</div>

<a id="get-started" aria-hidden="true"></a>

## Update Flutter {: #update}

## 升级 Flutter

If you already have Flutter installed and would like to
upgrade your Flutter SDK installation or change to a different release channel,
check out [Upgrading Flutter][].

若你已安装 Flutter 并希望升级 Flutter SDK 或切换至其他发布渠道，
请参阅 [升级 Flutter][Upgrading Flutter]。

When upgrading, also remember to check out the published list of
[breaking changes and migration guides][].

升级时，请务必查阅已发布的 
[破坏性改动及迁移指南][breaking changes and migration guides]。

[Upgrading Flutter]: /install/upgrade
[breaking changes and migration guides]: /release/breaking-changes

## Download previous releases {: #previous-releases}

## 下载旧版本

If you're looking to download and install previous releases of Flutter,
check out the [SDK archive][].

若你需要下载并安装 Flutter 的旧版本，
请访问 [SDK 版本列表][SDK archive]。

:::note

We recommend keeping your apps and development environments
up to date with the **latest** `stable` or `beta` releases.

我们建议你将应用程序和开发环境
保持在 **最新** 的 `stable` 或 `beta`。

:::

[SDK archive]: /install/archive

## Troubleshoot and uninstall Flutter {: #uninstall}

## 排查问题或卸载 Flutter

Guides to help you resolve common issues with your Flutter development environment and uninstall Flutter.

帮助你解决 Flutter 开发环境常见问题及卸载 Flutter 的指南。

<div class="card-list">
  <a class="card outlined-card" href="/install/add-to-path">
    <div class="card-header">
      <span class="card-title"><t>Add Flutter to path</t><t>将 Flutter 添加到环境变量</t></span>
    </div>
    <div class="card-content">
      <p>Using Flutter on the command line requires that the Flutter SDK is added to your system's `PATH` environment variable.</p>
      <p>如果要在命令行中使用 Flutter，你需要将 Flutter SDK 添加到系统的 `PATH` 环境变量中。</p>
    </div>
  </a>
  <a class="card outlined-card" href="/install/troubleshoot">
    <div class="card-header">
      <span class="card-title"><t>Troubleshoot SDK</t><t>安装常见问题</t></span>
    </div>
    <div class="card-content">
      <p>Use this guide to resolve common issues with your Flutter development environment.</p>
      <p>参考本指南来解决 Flutter 开发环境中的常见问题。</p>
    </div>
  </a>
  <a class="card outlined-card" href="/install/uninstall">
    <div class="card-header">
      <span class="card-title"><t>Uninstall SDK</t><t>卸载 SDK</t></span>
    </div>
    <div class="card-content">
      <p>Uninstall Flutter from your system.</p>
      <p>从你的系统中卸载 Flutter。</p>
    </div>
  </a>
</div>