• 编辑工具设定
    • 安装 Android Studio
    • 安装 Flutter 和 Dart 插件
    • 安装 VS Code
    • 安装 Flutter 和 Dart 插件
    • 通过 Flutter Doctor 命令验证是否安装成功
    • 下一节

    编辑工具设定

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

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

    • Android Studio / IntelliJ
    • Visual Studio Code

    安装 Android Studio

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

    • Android Studio,3.0 或之后的版本

    同时, 你也可以使用 IntelliJ:

    • IntelliJ IDEA Community, 2017.1 或之后的版本

    • IntelliJ IDEA Ultimate, 2017.1 或之后的版本

    安装 Flutter 和 Dart 插件

    安装过程如下:

    • 打开 Android Studio。

    • 打开插件设置(macOS 系统打开 Preferences > Plugins,Windows 和 Linux 系统打开 File > Settings > Plugins)。

    • 选择 Marketplace,然后选择 Flutter 插件并点击 安装

    • 当弹出安装 Dart 插件提示时,点击 Yes

    • 当弹出重新启动提示时,点击 Restart

    安装 VS Code

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

    • VS Code,最新稳定版本

    安装 Flutter 和 Dart 插件

    • 打开 VS Code。

    • 打开 查看 > 命令面板…

    • 输入 “install”,然后选择 扩展: 安装扩展

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

    • 点击 重新加载 以重新启动 VS Code。

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

    • 打开 查看 > 命令面板…

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

    • 打开 输出 面板查看是否有错误。

    下一节

    开发体验初探:创建第一个项目,运行并体验“热重载”。