创建一个新的 Flutter 应用

本页面提供了在您首选的开发环境中引导新 Flutter 应用的步骤说明。

要创建新的 Flutter 应用，请先设置 Flutter，然后选择您偏好的环境并遵循相应的说明。

要使用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 工具会自动创建。要确认您的选择，请点击 **Select a folder to create the project in**。

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 创建 Flutter 应用，您首先需要安装 Flutter并设置 Android Studio进行 Flutter 开发。然后按照以下步骤操作：

1. 启动 Android Studio

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

2. 开始项目创建

   如果您看到显示 **Welcome to Android Studio** 的 IDE 欢迎界面，请找到并点击中间的 **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 或其他 JetBrains IDE 创建 Flutter 应用，您首先需要安装 Flutter并设置 IntelliJ进行 Flutter 开发。然后按照以下步骤操作：

1. 启动 IntelliJ

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

2. 开始项目创建

   如果您看到显示 **Welcome to IntelliJ IDEA** 的 IDE 欢迎界面，请在右上角找到并点击 **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创建 Flutter 应用，您首先需要一个 Google 账号并设置 Firebase Studio。然后按照以下步骤操作：

1. 启动 Firebase Studio

   在您偏好的浏览器中，导航至位于 studio.firebase.google.com/ 的Firebase Studio 仪表板。如果您尚未登录，可能需要登录您的 Google 账号。

2. 创建新工作区

   在 Firebase Studio 仪表板中，找到 **Start coding an app** 部分。其中应包含多种模板可供选择。选择 **Flutter** 模板。如果您找不到它，它可能在 **Mobile** 类别下。

3. 命名您的工作区

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

4. 配置您的新工作区

   选择名称并配置工作区后，点击 **Create** 来配置您的新工作区。

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. 执行配置的命令

   要使用您在上一 G 步中构建的配置创建项目，请运行该命令。

6. 等待项目初始化

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

7. 进入项目目录

   现在您的项目已创建，您可以在终端或您偏好的编辑器中导航到它。例如，使用 bash shell 和名为 my_app 的项目

   cd my_app

8. 运行你的应用

   要试用您的新应用，请在终端中运行 flutter run 命令，并响应其提示以选择输出设备。

您已在终端中成功创建了一个新的 Flutter 应用！如果您需要有关配置项目或使用 flutter CLI 工具的帮助，请查看Flutter CLI 参考。