创建一个新的 Flutter 应用
了解如何从命令行、不同的编辑器甚至云端启动一个新的 Flutter 应用。
此页面提供分步说明,介绍如何在您首选的开发环境中启动一个新的 Flutter 应用。
要创建一个新的 Flutter 应用,首先 设置 Flutter,然后选择您首选的环境并遵循相应的说明。
无需离开 VS Code 即可创建一个新的 Flutter 应用。
无需离开 Android Studio 即可创建一个新的 Flutter 应用。
无需离开您的 IntelliJ-based IDE 即可创建一个新的 Flutter 应用。
为了快速简便的设置,在 Firebase Studio 中创建一个新的 Flutter 应用。
为了获得最大的灵活性,从命令行创建一个新的 Flutter 应用。
创建一个新的 Flutter 模块以嵌入到现有应用中。
VS Code
#要使用 VS Code 和其他基于 Code OSS 的编辑器创建 Flutter 应用,您首先需要 安装 Flutter 和 设置 VS Code 以进行 Flutter 开发。然后按照以下步骤操作
启动 VS Code
打开 VS Code 或您首选的基于 Code OSS 的编辑器。
-
打开命令面板
转到视图>命令面板或按Cmd/Ctrl + Shift + P。
-
查找 Flutter 命令
在命令面板中,开始键入
flutter:。VS Code 应该显示来自 Flutter 插件的命令。 -
运行新建项目命令
选择 Flutter: New Project 命令。您的操作系统或 VS Code 可能会要求访问您的文档,请同意继续到下一步。
-
选择一个模板
VS Code 应该会提示您 选择 Flutter 模板?。根据您想要创建的 Flutter 项目类型,选择相应的模板。对于一个新的 Flutter 应用,选择 Application。
-
选择项目位置
应该会出现一个文件对话框。选择或创建您希望项目创建的父目录。不要创建项目文件夹本身,Flutter 工具会这样做。要确认您的选择,请单击 选择一个文件夹以在其中创建项目。
-
输入项目名称
VS Code 应该会提示您输入新项目的名称。输入一个遵循
lowercase_with_underscores命名约定的应用名称,遵循 Effective Dart 指南。要确认您的选择,请按 Enter。 -
等待项目初始化
根据您输入的信息,VS Code 使用
flutter create来启动您的应用。进度通常显示为右下角的通知,也可以从 Output 面板访问。 -
运行你的应用
您的新应用现在应该已创建并在 VS Code 中打开。要尝试您的新应用,请遵循在 VS Code 中 运行和调试 的步骤。
您已成功在 VS Code 中创建一个新的 Flutter 应用!如果您需要更多关于在 VS Code 中开发 Flutter 的帮助,请查看 VS Code for Flutter 参考。
Android Studio
#要使用 Android Studio 创建 Flutter 应用,您首先需要 安装 Flutter 和 设置 Android Studio 以进行 Flutter 开发。然后按照以下步骤操作
-
启动 Android Studio
打开 Android Studio,并安装了 Dart 和 Flutter 插件。
-
开始项目创建
如果您在 IDE 欢迎对话框中看到 欢迎来到 Android Studio,请找到并单击中心位置的 New Flutter Project 按钮。
如果您已经打开了一个项目,请关闭它或转到 File > New > New Flutter Project...。
-
选择项目类型
在 New Project 对话框中,在左侧面板的 Generators 下,选择 Flutter。
-
验证 Flutter SDK 设置
在右侧面板的顶部,确保 Flutter SDK path 值与您想要开发的 Flutter SDK 的位置匹配。如果不匹配,请通过选择或指定正确的路径来更新它。
-
配置您的项目
单击 Next 继续项目配置。应该出现多个配置选项。
在 Project name 字段中,输入一个遵循
lowercase_with_underscores命名约定的应用名称,遵循 Effective Dart 指南。如果您不是在创建一个应用程序,请从 Project type 下拉菜单中选择另一个模板。
如果您将来可能会发布一个应用,请将 Organization 字段 设置为您的公司域名。
其他字段可以保持不变或根据您的项目需求进行配置。
-
完成项目创建
完成项目配置后,单击 Create 开始项目初始化。
-
等待工作区初始化
Android Studio 现在将初始化您的工作区,启动您的项目文件结构,并检索您的应用依赖项。这可能需要一段时间,并且可以在窗口底部跟踪。
-
运行你的应用
您的新应用现在应该已创建并在 Android Studio 中打开。要尝试您的新应用,请遵循在 Android Studio 中 运行和调试 的步骤。
您已成功在 Android Studio 中创建一个新的 Flutter 应用!如果您需要更多关于在 Android Studio 中开发 Flutter 的帮助,请查看 Android Studio for Flutter 参考。
IntelliJ
#要使用 IntelliJ 或其他 JetBrains IDE 创建 Flutter 应用,您首先需要 安装 Flutter 和 设置 IntelliJ 以进行 Flutter 开发。然后按照以下步骤操作
-
启动 IntelliJ
打开 IntelliJ IDEA 或您首选的 JetBrains-based IDE,并安装了 Dart 和 Flutter 插件。
-
开始项目创建
如果您在 IDE 欢迎对话框中看到 欢迎来到 IntelliJ IDEA,请找到并单击右上角的 New Project 按钮。
如果您已经打开了一个项目,请关闭它或转到 File > New > New Project...。
-
选择项目类型
在 New Project 对话框中,在左侧面板的 Generators 下,选择 Flutter。
-
验证 Flutter SDK 设置
在右侧面板的顶部,确保 Flutter SDK path 值与您想要开发的 Flutter SDK 的位置匹配。如果不匹配,请通过选择或指定正确的路径来更新它。
-
配置您的项目
单击 Next 继续项目配置。应该出现多个配置选项。
在 Project name 字段中,输入一个遵循
lowercase_with_underscores命名约定的应用名称,遵循 Effective Dart 指南。如果您不是在创建一个应用程序,请从 Project type 下拉菜单中选择另一个模板。
如果您正在创建一个应用,将来可能会发布它,请将 Organization 字段 [设置为您的公司域名][ij-set-org]。
其他字段可以保持不变或根据您的项目需求进行配置。
-
完成项目创建
完成项目配置后,单击 Create 开始项目初始化。
-
等待工作区初始化
IntelliJ 现在将初始化您的工作区,启动您的项目文件结构,并检索您的应用依赖项。这可能需要一段时间,并且可以在窗口底部跟踪。
-
运行你的应用
您的新应用现在应该已创建并在 IntelliJ 中打开。要尝试您的新应用,请遵循在 IntelliJ 中 运行和调试 的步骤。
您已成功在 IntelliJ 中创建一个新的 Flutter 应用!如果您需要更多关于在 IntelliJ 中开发 Flutter 的帮助,请查看 IntelliJ for Flutter 参考。
Firebase Studio
#要使用 Firebase Studio 创建 Flutter 应用,您首先需要一个 Google 帐户并 设置 Firebase Studio。然后按照以下步骤操作
-
启动 Firebase Studio
在您首选的浏览器中,导航到位于
studio.firebase.google.com/的 Firebase Studio 仪表板。如果您尚未这样做,可能需要登录到您的 Google 帐户。 -
创建一个新的工作区
在 Firebase Studio 仪表板中,找到 开始编码应用 部分。它应该包含各种模板供您选择。选择 Flutter 模板。如果您找不到它,它可能在 Mobile 类别下。
-
命名您的工作区
Firebase Studio 应该会提示您 命名您的工作区。此名称与您的 Flutter 应用名称不同。选择一个描述性的名称,以便您在工作区列表中识别它。
-
配置您的新工作区
选择名称并配置工作区后,单击 Create 以配置您的新工作区。
-
等待工作区初始化
Firebase Studio 现在将初始化您的工作区,启动您的项目文件结构,并检索您的应用依赖项。这可能需要一段时间。
-
运行你的应用
您的新应用现在应该已创建并在 Firebase Studio 编辑器中打开。要尝试您的新应用,请遵循 Firebase Studio 提供的文档来 在网络或 Android 上预览您的应用。
您已成功在 Firebase Studio 中创建一个新的 Flutter 应用!如果您需要帮助配置您的工作区,请查看 自定义您的 Firebase studio 工作区。
终端
#要在您的终端中创建一个 Flutter 应用,您首先需要安装和 设置 Flutter。然后按照以下步骤操作
-
打开您的终端
打开您首选的访问命令行的方法,例如 macOS 上的 Terminal 或 Windows 上的 PowerShell。
-
导航到所需的目录
确保您当前的工作目录是您新应用所需的父目录。不要创建项目文件夹,
flutter工具会这样做。 -
配置项目创建
在您的终端中,键入
flutter create命令,并传递任何所需的标志和选项来配置您的项目。例如,要创建一个带有最小main.dart文件的应用,您可以添加--empty选项flutter create --empty要了解可用的创建选项,请在另一个终端窗口中运行
flutter create --help。 -
输入项目名称
作为
flutter create的唯一非选项参数,指定目录和应用程序的默认名称。名称应遵循lowercase_with_underscores命名约定,遵循 Effective Dart 指南。例如,如果您想创建一个名为
my_app的应用flutter create my_app -
执行配置的命令
要使用您构建的配置创建项目,请运行该命令。
-
等待项目初始化
flutter工具现在将启动您的项目文件结构并检索任何必要的依赖项。这可能需要一段时间。 -
导航到项目目录
现在您的项目已创建,您可以在您的终端或首选编辑器中导航到它。例如,使用 bash shell 和名为
my_app的项目cd my_app -
运行你的应用
要尝试您的新应用,请在您的终端中运行
flutter run命令,并响应其提示以选择输出设备。
您已在终端中成功创建了一个新的 Flutter 应用! 如果您需要帮助配置项目或使用 flutter CLI 工具,请查看 Flutter CLI 参考。