设置编辑器

你可以使用任何文本编辑器或集成开发环境 (IDE) 结合 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,请跳到下一步:试用

安装 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. 在提示时,点击重启