跳到主内容

创建一个新的 Flutter 应用

了解如何从命令行、不同的编辑器甚至云端启动一个新的 Flutter 应用。

此页面提供分步说明,介绍如何在您首选的开发环境中启动一个新的 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 应该会提示您 选择 Flutter 模板?。根据您想要创建的 Flutter 项目类型,选择相应的模板。对于一个新的 Flutter 应用,选择 Application

  6. 选择项目位置

    应该会出现一个文件对话框。选择或创建您希望项目创建的父目录。不要创建项目文件夹本身,Flutter 工具会这样做。要确认您的选择,请单击 选择一个文件夹以在其中创建项目

  7. 输入项目名称

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

  8. 等待项目初始化

    根据您输入的信息,VS Code 使用 flutter create 来启动您的应用。进度通常显示为右下角的通知,也可以从 Output 面板访问。

  9. 运行你的应用

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

您已成功在 VS Code 中创建一个新的 Flutter 应用!如果您需要更多关于在 VS Code 中开发 Flutter 的帮助,请查看 VS Code for Flutter 参考

Android Studio

#

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

  1. 启动 Android Studio

    打开 Android Studio,并安装了 Dart 和 Flutter 插件。

  2. 开始项目创建

    如果您在 IDE 欢迎对话框中看到 欢迎来到 Android Studio,请找到并单击中心位置的 New Flutter Project 按钮。

    如果您已经打开了一个项目,请关闭它或转到 File > New > New Flutter Project...

  3. 选择项目类型

    New Project 对话框中,在左侧面板的 Generators 下,选择 Flutter

  4. 验证 Flutter SDK 设置

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

  5. 配置您的项目

    单击 Next 继续项目配置。应该出现多个配置选项。

    Project name 字段中,输入一个遵循 lowercase_with_underscores 命名约定的应用名称,遵循 Effective Dart 指南。

    如果您不是在创建一个应用程序,请从 Project type 下拉菜单中选择另一个模板。

    如果您将来可能会发布一个应用,请将 Organization 字段 设置为您的公司域名

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

  6. 完成项目创建

    完成项目配置后,单击 Create 开始项目初始化。

  7. 等待工作区初始化

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

  8. 运行你的应用

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

您已成功在 Android Studio 中创建一个新的 Flutter 应用!如果您需要更多关于在 Android Studio 中开发 Flutter 的帮助,请查看 Android Studio for Flutter 参考

IntelliJ

#

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

  1. 启动 IntelliJ

    打开 IntelliJ IDEA 或您首选的 JetBrains-based IDE,并安装了 Dart 和 Flutter 插件。

  2. 开始项目创建

    如果您在 IDE 欢迎对话框中看到 欢迎来到 IntelliJ IDEA,请找到并单击右上角的 New Project 按钮。

    如果您已经打开了一个项目,请关闭它或转到 File > New > New Project...

  3. 选择项目类型

    New Project 对话框中,在左侧面板的 Generators 下,选择 Flutter

  4. 验证 Flutter SDK 设置

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

  5. 配置您的项目

    单击 Next 继续项目配置。应该出现多个配置选项。

    Project name 字段中,输入一个遵循 lowercase_with_underscores 命名约定的应用名称,遵循 Effective Dart 指南。

    如果您不是在创建一个应用程序,请从 Project type 下拉菜单中选择另一个模板。

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

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

  6. 完成项目创建

    完成项目配置后,单击 Create 开始项目初始化。

  7. 等待工作区初始化

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

  8. 运行你的应用

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

您已成功在 IntelliJ 中创建一个新的 Flutter 应用!如果您需要更多关于在 IntelliJ 中开发 Flutter 的帮助,请查看 IntelliJ for Flutter 参考

Firebase Studio

#

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

  1. 启动 Firebase Studio

    在您首选的浏览器中,导航到位于 studio.firebase.google.com/Firebase Studio 仪表板。如果您尚未这样做,可能需要登录到您的 Google 帐户。

  2. 创建一个新的工作区

    在 Firebase Studio 仪表板中,找到 开始编码应用 部分。它应该包含各种模板供您选择。选择 Flutter 模板。如果您找不到它,它可能在 Mobile 类别下。

  3. 命名您的工作区

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

  4. 配置您的新工作区

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

  5. 等待工作区初始化

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

  6. 运行你的应用

    您的新应用现在应该已创建并在 Firebase Studio 编辑器中打开。要尝试您的新应用,请遵循 Firebase Studio 提供的文档来 在网络或 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 参考