编辑工具设定

你可以使用任意文本编辑器，结合我们的命令行工具来开发 Flutter 应用。然而，我们推荐使用我们的编辑器插件以获取更好的开发体验。这些插件提供了代码补全、代码高亮、widget 辅助编辑的功能，以及为项目的运行和调试提供支持等。

参考以下步骤为 VS Code、Android Studio、IntelliJ 或者 Emacs 添加编辑器插件。如果你想使用其他的编辑器，请直接打开 下一节: 开发体验初探，来查看使用其他文本编辑器配合命令行工具来创建和运行 Flutter 应用。

安装 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。

安装 Android Studio

Android Studio 为 Flutter 提供了一个完整的集成开发环境。

同时, 你也可以使用 IntelliJ：

安装 Flutter 和 Dart 插件

请参考下面不同平台的安装指南：

Mac

安装过程如下：

  1. 打开 Android Studio。

  2. 打开插件设置（在 v3.6.3.0 以上的系统打开 Preferences > Plugins）。

  3. 然后选择 Flutter 插件并点击 安装。

  4. 当弹出安装 Dart 插件提示时，点击 Yes。

  5. 当弹出重新启动提示时，点击 Restart。

Linux 或者 Windows 平台

参考使用下面介绍的步骤：

  1. 打开插件偏好设置 (位于 File > Settings > Plugins)

  2. 选择 Marketplace (扩展商店)，选择 Flutter plugin 然后点击 Install (安装)。

安装 Emacs 编辑器

Emacs 是一个轻量级的编辑器，支持 Flutter 和 Dart。

  • 最新版本的 Emacs 编辑器。

安装 lsp-dart 这个 package

关于如何安装和使用 lsp-dart 这个 package，可以查看 lsp-dart 文档。