配置编辑器

您可以使用任何文本编辑器与命令行工具来构建Flutter应用程序。 不过,我们建议使用我们的编辑器插件之一,以获得更好的体验。通过我们的编辑器插件,您可以获得代码补全、语法高亮、widget编辑辅助、运行和调试支持等等。

按照下面步骤为Android Studio、IntelliJ或VS Code添加编辑器插件。

Android Studio 安装

Android Studio: 为Flutter提供完整的IDE体验

安装Android Studio

或者,您也可以使用IntelliJ:

安装Flutter和Dart插件

需要安装两个插件:

  • Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
  • Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

要安装这些:

  1. 启动Android Studio.
  2. 打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
  3. 选择 Browse repositories…, 选择 Flutter 插件并点击 install.
  4. 重启Android Studio后插件生效.

安装 VS Code

VS Code 是一个可以运行和调试 Flutter 的轻量级编辑器。

安装 Flutter 和 Dart 插件

  1. 打开 VS Code。

  2. 打开 View > Command Palette…

  3. 输入「install」,然后选择 Extensions: Install Extensions

  4. 在扩展搜索输入框中输入「flutter」,然后在列表中选择 Flutter 并单击 Install。此过程中会自动安装必需的 Dart 插件。

  5. 点击 Reload to Activate 以重新启动 VS Code。

通过 Flutter Doctor 命令验证是否安装成功

  1. 打开 View > Command Palette…

  2. 输入 “doctor”,选择 Flutter: Run Flutter Doctor

  3. 打开 OUTPUT 面板查看是否有错误,确保在不同的输出选项 (Output Options) 的下拉列表中选择了 Flutter。