创建一个新的 Flutter 应用

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

要创建新的 Flutter 应用，请先安装并配置 Flutter，然后选择您首选的环境并按照相应的说明操作。

要使用 VS Code 和其他基于 Code OSS 的编辑器创建 Flutter 应用，您首先需要安装 Flutter 并为 Flutter 开发配置 VS Code。然后按照以下步骤操作：

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 项目类型，选择相应的模板。对于新的 Flutter 应用，请选择 Application。

6. 选择项目位置

   此时应出现一个文件对话框。选择或创建您希望存放项目的父目录。请勿手动创建项目文件夹本身，Flutter 工具会自动创建它。点击 Select a folder to create the project in 以确认您的选择。

7. 输入项目名称

   VS Code 应会提示您输入新项目的名称。请根据 Effective Dart 指南，输入符合 lowercase_with_underscores（小写加下划线）命名规范的应用名称。按 Enter 确认。

8. 等待项目初始化

   根据您输入的信息，VS Code 会使用 flutter create 来引导创建您的应用。进度通常会作为右下角的通知显示，也可以从 Output（输出）面板中查看。

9. 运行你的应用

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

您已成功在 VS Code 中创建了新的 Flutter 应用！如果需要更多关于在 VS Code 中进行 Flutter 开发的帮助，请查看 VS Code Flutter 开发参考。

要使用 Android Studio 创建 Flutter 应用，您首先需要安装 Flutter 并为 Flutter 开发配置 Android Studio。然后按照以下步骤操作：

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 字段中，输入一个符合 Effective Dart 指南中 lowercase_with_underscores 命名规范的应用名称。

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

   如果您正在创建一个将来可能会发布的应用，请将 Organization 字段设置为您的公司域名。

   其他字段可以保持原样，也可以根据项目的需要进行配置。

6. 完成项目创建

   完成项目配置后，点击 Create 开始项目初始化。

7. 等待工作空间初始化

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

8. 运行你的应用

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

您已成功在 Android Studio 中创建了新的 Flutter 应用！如果需要更多关于在 Android Studio 中进行 Flutter 开发的帮助，请查看 Android Studio Flutter 开发参考。

要使用 IntelliJ 或其他 JetBrains IDE 创建 Flutter 应用，您首先需要安装 Flutter 并为 Flutter 开发配置 IntelliJ。然后按照以下步骤操作：

1. 启动 IntelliJ

   打开安装了 Dart 和 Flutter 插件的 IntelliJ IDEA 或您首选的 JetBrains 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 字段中，输入一个符合 Effective Dart 指南中 lowercase_with_underscores 命名规范的应用名称。

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

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

   其他字段可以保持原样，也可以根据项目的需要进行配置。

6. 完成项目创建

   完成项目配置后，点击 Create 开始项目初始化。

7. 等待工作空间初始化

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

8. 运行你的应用

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

您已成功在 IntelliJ 中创建了新的 Flutter 应用！如果需要更多关于在 IntelliJ 中进行 Flutter 开发的帮助，请查看 IntelliJ Flutter 开发参考。

要使用 Antigravity 创建 Flutter 应用，您首先需要按照 Antigravity 工具页面上的说明安装并配置 Antigravity。然后按照以下步骤操作：

1. 打开 Antigravity 并创建工作空间

   启动 Antigravity IDE，并使用 Agent Manager 为您的项目创建一个新的沙盒工作空间。

2. 使用 Agent Manager

   切换到 Agent Manager 界面，您可以通过聊天与 AI 智能体进行交互。

3. 编写详细的提示词

   向智能体详细地描述您的应用需求，就像给初级开发人员下达指令一样。例如：“创建一个名为 my_app 的新 Flutter 项目。添加一个带有列表项和浮动操作按钮的主屏幕”。

4. 查看并批准计划

   AI 智能体将生成一份详细的实施计划，包括文件夹结构、依赖项和步骤。您可以查看此计划并点击 Proceed（继续），或者提供反馈以进行修改。

5. 授权操作

   智能体在运行终端命令（如 flutter pub add 或 flutter create）或访问浏览器/模拟器之前会征求您的许可。查看并 Accept（接受）这些操作，以允许智能体构建应用。

6. 迭代与完善

   初始应用生成后，您可以提供进一步的提示词来添加功能、优化 UI、实现逻辑或添加持久化存储（例如，“使用 shared_preferences 添加本地存储”）。

7. 测试应用

   使用集成的模拟器或连接物理设备来测试应用。智能体甚至可以运行测试并提供功能的视频演练。

8. 在编辑器中验证代码

   您可以随时切换到标准代码编辑器视图，以检查生成的 Dart 和 Flutter 文件，确保代码质量符合您的标准。

要通过终端创建 Flutter 应用，您首先需要安装并配置 Flutter。然后按照以下步骤操作：

1. 打开终端

   打开您首选的命令行工具，例如 macOS 上的 Terminal 或 Windows 上的 PowerShell。

2. 导航到目标目录

   确保当前工作目录是您想要放置新应用的父目录。请勿手动创建项目文件夹，flutter 工具会自动完成。

3. 配置项目创建

   在终端中，输入 flutter create 命令，并传入您想要的标志和选项来配置项目。例如，要创建一个带有精简 main.dart 文件的应用，可以添加 --empty 选项。

   $ flutter create --empty
   

   content_copy

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

4. 输入项目名称

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

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

   $ flutter create my_app
   

   content_copy

5. 执行配置好的命令

   要根据指定的配置创建项目，请运行您在上一步中构建的命令。

6. 等待项目初始化

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

7. 进入项目目录

   项目创建完成后，您可以在终端或首选编辑器中进入该目录。例如，在 bash shell 中，对于名为 my_app 的项目

   $ cd my_app
   

   content_copy

8. 运行你的应用

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

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