本页面提供在您偏好的开发环境中引导创建一个新的 Flutter 应用的分步说明。

要创建一个新的 Flutter 应用,首先请设置 Flutter,然后选择您偏好的环境并按照相应的说明操作。

VS Code

#

要使用 VS Code 和其他 Code OSS 编辑器创建 Flutter 应用,您首先需要安装 Flutter设置 VS Code 以进行 Flutter 开发。然后按照以下步骤操作:

  1. 启动 VS Code

    打开 VS Code 或您偏好的 Code OSS 编辑器。

  2. 打开命令面板

    前往视图 > 命令面板,或按下 Cmd/Ctrl + Shift + P

  3. 查找 Flutter 命令

    在命令面板中,开始输入 flutter:。VS Code 应该会显示来自 Flutter 插件的命令。

  4. 运行新项目命令

    选择Flutter: New Project 命令。您的操作系统或 VS Code 可能会请求访问您的文档,请同意以继续下一步。

  5. 选择一个模板

    VS Code 应该会提示您 Which Flutter template?。根据您想要创建的 Flutter 项目类型,选择相应的模板。对于新的 Flutter 应用,选择 Application

  6. 选择项目位置

    将出现一个文件对话框。选择或创建项目将要创建的父目录。不要创建项目文件夹本身,Flutter 工具会帮您创建。要确认您的选择,请单击选择创建项目所在的文件夹

  7. 输入项目名称

    VS Code 应该会提示您为新项目输入名称。请按照 Effective Dart 指南,为您的应用输入一个遵循 lowercase_with_underscores 命名约定的名称。要确认您的选择,请按 Enter

  8. 等待项目初始化

    根据您输入的信息,VS Code 将使用 flutter create 命令来引导您的应用程序。进度通常会在右下角显示为通知,也可以从输出面板访问。

  9. 运行你的应用

    您的新应用现在应该已创建并在 VS Code 中打开。要尝试您的新应用,请按照在 VS Code 中运行和调试的步骤操作。

您已成功在 VS Code 中创建了新的 Flutter 应用!如果您在 VS Code 中开发 Flutter 需要更多帮助,请查阅 VS Code 的 Flutter 参考资料

Android Studio

#

要使用 Android Studio 创建 Flutter 应用,您首先需要安装 Flutter设置 Android Studio 以进行 Flutter 开发。然后按照以下步骤操作:

  1. 启动 Android Studio

    打开已安装 Dart 和 Flutter 插件的 Android Studio。

  2. 开始创建项目

    如果您正在 IDE 欢迎对话框(显示欢迎使用 Android Studio)中,请找到并单击中央的新建 Flutter 项目按钮。

    如果您已打开一个项目,请将其关闭或转到文件 > 新建 > 新建 Flutter 项目...

  3. 选择项目类型

    新建项目对话框中,左侧面板的生成器下,选择 Flutter

  4. 验证 Flutter SDK 设置

    在右侧面板顶部,确保Flutter SDK 路径的值与您想要用于开发的 Flutter SDK 的位置匹配。如果不匹配,请选择或指定正确路径以更新它。

  5. 配置您的项目

    单击下一步以继续进行项目配置。多个配置选项应该会出现。

    项目名称字段中,输入一个遵循 lowercase_with_underscores 命名约定并符合 Effective Dart 指南的应用名称。

    如果您不创建应用程序,请从项目类型下拉菜单中选择另一个模板。

    如果您正在创建一个将来可能会发布的应用程序,请将组织字段设置为您的公司域名

    其他字段可以保持不变,或根据您的项目需求进行配置。

  6. 完成项目创建

    完成项目配置后,单击创建以开始项目初始化。

  7. 等待工作区初始化

    Android Studio 现在将初始化您的工作区,引导您的项目文件结构,并检索您应用的依赖项。这可能需要一些时间,可以在窗口底部进行跟踪。

  8. 运行你的应用

    您的新应用现在应该已创建并在 Android Studio 中打开。要尝试您的新应用,请按照在 Android Studio 中运行和调试的步骤操作。

您已成功在 Android Studio 中创建了新的 Flutter 应用!如果您在 Android Studio 中开发 Flutter 需要更多帮助,请查阅 Android Studio 的 Flutter 参考资料

IntelliJ

#

要使用 IntelliJ 或其他 JetBrains IDE 创建 Flutter 应用,您首先需要安装 Flutter设置 IntelliJ 以进行 Flutter 开发。然后按照以下步骤操作:

  1. 启动 IntelliJ

    打开 IntelliJ IDEA 或您偏好的、已安装 Dart 和 Flutter 插件的 JetBrains IntelliJ-based IDE。

  2. 开始创建项目

    如果您正在 IDE 欢迎对话框(显示欢迎使用 IntelliJ IDEA)中,请找到并单击右上角的新建项目按钮。

    如果您已打开一个项目,请将其关闭或转到文件 > 新建 > 新建项目...

  3. 选择项目类型

    新建项目对话框中,左侧面板的生成器下,选择 Flutter

  4. 验证 Flutter SDK 设置

    在右侧面板顶部,确保Flutter SDK 路径的值与您想要用于开发的 Flutter SDK 的位置匹配。如果不匹配,请选择或指定正确路径以更新它。

  5. 配置您的项目

    单击下一步以继续进行项目配置。多个配置选项应该会出现。

    项目名称字段中,输入一个遵循 lowercase_with_underscores 命名约定并符合 Effective Dart 指南的应用名称。

    如果您不创建应用程序,请从项目类型下拉菜单中选择另一个模板。

    如果您正在创建一个将来可能会发布的应用程序,请将组织字段 [设置为您的公司域名][ij-set-org]。

    其他字段可以保持不变,或根据您的项目需求进行配置。

  6. 完成项目创建

    完成项目配置后,单击创建以开始项目初始化。

  7. 等待工作区初始化

    IntelliJ 现在将初始化您的工作区,引导您的项目文件结构,并检索您应用的依赖项。这可能需要一些时间,可以在窗口底部进行跟踪。

  8. 运行你的应用

    您的新应用现在应该已创建并在 IntelliJ 中打开。要尝试您的新应用,请按照在 IntelliJ 中运行和调试的步骤操作。

您已成功在 IntelliJ 中创建了新的 Flutter 应用!如果您在 IntelliJ 中开发 Flutter 需要更多帮助,请查阅 IntelliJ 的 Flutter 参考资料

Firebase Studio

#

要使用 Firebase Studio 创建 Flutter 应用,您首先需要一个 Google 帐户并设置 Firebase Studio。然后按照以下步骤操作:

  1. 启动 Firebase Studio

    在您偏好的浏览器中,导航到位于 studio.firebase.google.com/Firebase Studio 控制台。如果您尚未登录,可能需要登录您的 Google 帐户。

  2. 创建新工作区

    在 Firebase Studio 控制台中,找到开始编写应用部分。它应该包含多种可供选择的模板。选择 Flutter 模板。如果找不到,它可能在移动类别下。

  3. 命名您的工作区

    Firebase Studio 应该会提示您命名您的工作区。此名称与您的 Flutter 应用名称不同。选择一个描述性的名称,以便您在工作区列表中识别它。

  4. 配置您的新工作区

    选择名称并配置工作区后,单击创建以配置您的新工作区。

  5. 等待工作区初始化

    Firebase Studio 现在将初始化您的工作区,引导您的项目文件结构,并检索您应用的依赖项。这可能需要一些时间。

  6. 运行你的应用

    您的新应用现在应该已创建并在 Firebase Studio 编辑器中打开。要尝试您的新应用,请按照 Firebase Studio 提供的文档,在 Web 或 Android 上预览您的应用

您已成功在 Firebase Studio 中创建了新的 Flutter 应用!如果您需要配置工作区的帮助,请查阅自定义您的 Firebase Studio 工作区

终端

#

要在终端中创建 Flutter 应用,您首先需要安装并设置 Flutter。然后按照以下步骤操作:

  1. 打开您的终端

    打开您偏好的命令行访问方式,例如 macOS 上的 Terminal 或 Windows 上的 PowerShell。

  2. 导航到目标目录

    确保您的当前工作目录是新应用的所需父目录。不要创建项目文件夹,flutter 工具会为您创建。

  3. 配置项目创建

    在您的终端中,输入 flutter create 命令,并传入任何所需的标志和选项来配置您的项目。例如,要创建一个包含最少 main.dart 文件的应用,您可以添加 --empty 选项

    flutter create --empty

    要了解可用的创建选项,请在另一个终端窗口中运行 flutter create --help

  4. 输入项目名称

    作为 flutter create 的唯一非选项参数,指定应用程序的目录和默认名称。名称应遵循 lowercase_with_underscores 命名约定,并遵循 Effective Dart 指南。

    例如,如果您想创建一个名为 my_app 的应用

    flutter create my_app
  5. 执行已配置的命令

    要使用您指定的配置创建项目,请运行您在上一步中构建的命令。

  6. 等待项目初始化

    flutter 工具现在将引导您的项目文件结构并检索所有必需的依赖项。这可能需要一些时间。

  7. 导航到项目目录

    项目创建完成后,您可以在终端或您偏好的编辑器中导航到它。例如,使用 bash shell 和一个名为 my_app 的项目

    cd my_app
  8. 运行你的应用

    要尝试您的新应用,请在终端中运行 flutter run 命令,并根据提示选择输出设备。

您已成功在终端中创建了新的 Flutter 应用!如果您在配置项目或使用 flutter CLI 工具方面需要帮助,请查阅 Flutter CLI 参考