Skip to main content

设置编辑器

您可以使用任何文本编辑器或集成开发环境 (IDE) 并结合 Flutter 的命令行工具来构建 Flutter 应用。Flutter 团队建议使用支持 Flutter 扩展或插件的编辑器，例如 VS Code 和 Android Studio。这些插件提供代码补全、语法高亮显示、小部件编辑辅助、运行和调试支持等等。

您可以为 Visual Studio Code、Android Studio 或 IntelliJ IDEA 社区版、教育版和旗舰版添加支持的插件。Flutter 插件 _仅_适用于 Android Studio 和列出的 IntelliJ IDEA 版本。

(Dart 插件 支持另外八个 JetBrains IDE。)

请按照以下步骤将 Flutter 插件添加到 VS Code、Android Studio 或 IntelliJ。

如果您选择其他 IDE，请跳至编写你的第一个 Flutter 应用。

安装 VS Code

#

VS Code 是一个用于构建和调试应用的代码编辑器。安装 Flutter 扩展后，您可以编译、部署和调试 Flutter 应用。

要安装最新版本的 VS Code，请按照 Microsoft 为相关平台提供的说明进行操作：

安装 VS Code Flutter 扩展

#

  1. 启动 VS Code。

  2. 打开浏览器并转到 Visual Studio Marketplace 上的Flutter 扩展页面。

  3. 点击 安装。 安装 Flutter 扩展还会安装 Dart 扩展。

验证您的 VS Code 设置

#

  1. 转到 查看 > 命令面板...。

    您也可以按 Ctrl / Cmd + Shift + P。

  2. 输入 doctor。

  3. 选择 Flutter: 运行 Flutter Doctor。

    选择此命令后，VS Code 将执行以下操作。

    • 打开 输出 面板。
    • 在此面板右上角的下拉菜单中显示 flutter (flutter)。
    • 显示 Flutter Doctor 命令的输出。

安装 Android Studio 或 IntelliJ IDEA

#

安装 Flutter 插件后，Android Studio 和 IntelliJ IDEA 提供完整的 IDE 体验。

要安装以下 IDE 的最新版本，请按照其说明进行操作：

安装 Flutter 插件

#

安装说明因平台而异。

macOS

#

请按照以下说明操作 macOS：

  1. 启动 Android Studio 或 IntelliJ。

  2. 从 macOS 菜单栏中，转到 Android Studio（或 IntelliJ） > 设置...。

    您也可以按 Cmd + ,。

    将打开 首选项 对话框。

  3. 从左侧列表中选择 插件。

  4. 从此面板顶部选择 市场。

  5. 在插件搜索字段中输入 flutter。

  6. 选择 Flutter 插件。

  7. 点击 安装。

  8. 当系统提示安装插件时，点击 是。

  9. 当系统提示时，点击 重新启动。

Linux 或 Windows

#

请按照以下说明操作 Linux 或 Windows：

  1. 转到 文件 > 设置。

    您也可以按 Ctrl + Alt + S。

    将打开 首选项 对话框。

  2. 从左侧列表中选择 插件。

  3. 从此面板顶部选择 市场。

  4. 在插件搜索字段中输入 flutter。

  5. 选择 Flutter 插件。

  6. 点击 安装。

  7. 当系统提示安装插件时，点击 是。

  8. 当系统提示时，点击 重新启动。

除非另有说明，否则本网站上的文档反映的是 Flutter 的最新稳定版本。页面最后更新于 2025-01-30。 查看源代码 或 报告问题。