设置编辑器
你可以使用任何文本编辑器或集成开发环境 (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 扩展
-
启动VS Code。
-
打开浏览器,转到 Visual Studio Marketplace 上的Flutter 扩展页面。
-
点击安装。安装 Flutter 扩展也会安装 Dart 扩展。
验证你的 VS Code 设置
-
转到视图 > 命令面板…。
你还可以按 Ctrl / Cmd + Shift + P。
-
输入
doctor
。 -
选择Flutter:运行 Flutter Doctor。
一旦你选择此命令,VS Code 将执行以下操作。
- 打开输出面板。
- 在此面板的右上角下拉菜单中显示flutter (flutter)。
- 显示 Flutter Doctor 命令的输出。
安装 Android Studio 或 IntelliJ IDEA
安装 Flutter 插件后,Android Studio 和 IntelliJ IDEA 可提供完整的 IDE 体验。
按照以下说明安装最新版本的 IDE:
安装 Flutter 插件
安装说明因平台而异。
macOS
针对 macOS 使用以下说明
-
启动 Android Studio 或 IntelliJ。
-
从 macOS 菜单栏,转到Android Studio(或IntelliJ)> 设置...。
您还可以按 Cmd + ,。
首选项对话框打开。
-
从左侧列表中,选择插件。
-
从此面板顶部,选择市场。
-
在插件搜索字段中输入
flutter
。 -
选择Flutter插件。
-
点击安装。
-
在提示安装插件时,点击是。
-
在提示时,点击重启。
Linux 或 Windows
针对 Linux 或 Windows 使用以下说明
-
转到文件> 设置。
您还可以按 Ctrl + Alt + S。
首选项对话框打开。
-
从左侧列表中,选择插件。
-
从此面板顶部,选择市场。
-
在插件搜索字段中输入
flutter
。 -
选择Flutter插件。
-
点击安装。
-
在提示安装插件时,点击是。
-
在提示时,点击重启。