创建一个新的 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 应该会提示您 Which Flutter template?。根据您想要创建的 Flutter 项目类型,选择相应的模板。对于新的 Flutter 应用,选择 Application。
选择项目位置
将出现一个文件对话框。选择或创建项目将要创建的父目录。不要创建项目文件夹本身,Flutter 工具会帮您创建。要确认您的选择,请单击选择创建项目所在的文件夹。
输入项目名称
VS Code 应该会提示您为新项目输入名称。请按照 Effective Dart 指南,为您的应用输入一个遵循
lowercase_with_underscores
命名约定的名称。要确认您的选择,请按 Enter。等待项目初始化
根据您输入的信息,VS Code 将使用
flutter create
命令来引导您的应用程序。进度通常会在右下角显示为通知,也可以从输出面板访问。运行你的应用
您的新应用现在应该已创建并在 VS Code 中打开。要尝试您的新应用,请按照在 VS Code 中运行和调试的步骤操作。
您已成功在 VS Code 中创建了新的 Flutter 应用!如果您在 VS Code 中开发 Flutter 需要更多帮助,请查阅 VS Code 的 Flutter 参考资料。
Android Studio
#要使用 Android Studio 创建 Flutter 应用,您首先需要安装 Flutter 并设置 Android Studio 以进行 Flutter 开发。然后按照以下步骤操作:
启动 Android Studio
打开已安装 Dart 和 Flutter 插件的 Android Studio。
开始创建项目
如果您正在 IDE 欢迎对话框(显示欢迎使用 Android Studio)中,请找到并单击中央的新建 Flutter 项目按钮。
如果您已打开一个项目,请将其关闭或转到文件 > 新建 > 新建 Flutter 项目...。
选择项目类型
在新建项目对话框中,左侧面板的生成器下,选择 Flutter。
验证 Flutter SDK 设置
在右侧面板顶部,确保Flutter SDK 路径的值与您想要用于开发的 Flutter SDK 的位置匹配。如果不匹配,请选择或指定正确路径以更新它。
配置您的项目
单击下一步以继续进行项目配置。多个配置选项应该会出现。
在项目名称字段中,输入一个遵循
lowercase_with_underscores
命名约定并符合 Effective Dart 指南的应用名称。如果您不创建应用程序,请从项目类型下拉菜单中选择另一个模板。
如果您正在创建一个将来可能会发布的应用程序,请将组织字段设置为您的公司域名。
其他字段可以保持不变,或根据您的项目需求进行配置。
完成项目创建
完成项目配置后,单击创建以开始项目初始化。
等待工作区初始化
Android Studio 现在将初始化您的工作区,引导您的项目文件结构,并检索您应用的依赖项。这可能需要一些时间,可以在窗口底部进行跟踪。
运行你的应用
您的新应用现在应该已创建并在 Android Studio 中打开。要尝试您的新应用,请按照在 Android Studio 中运行和调试的步骤操作。
您已成功在 Android Studio 中创建了新的 Flutter 应用!如果您在 Android Studio 中开发 Flutter 需要更多帮助,请查阅 Android Studio 的 Flutter 参考资料。
IntelliJ
#要使用 IntelliJ 或其他 JetBrains IDE 创建 Flutter 应用,您首先需要安装 Flutter 并设置 IntelliJ 以进行 Flutter 开发。然后按照以下步骤操作:
启动 IntelliJ
打开 IntelliJ IDEA 或您偏好的、已安装 Dart 和 Flutter 插件的 JetBrains IntelliJ-based IDE。
开始创建项目
如果您正在 IDE 欢迎对话框(显示欢迎使用 IntelliJ IDEA)中,请找到并单击右上角的新建项目按钮。
如果您已打开一个项目,请将其关闭或转到文件 > 新建 > 新建项目...。
选择项目类型
在新建项目对话框中,左侧面板的生成器下,选择 Flutter。
验证 Flutter SDK 设置
在右侧面板顶部,确保Flutter SDK 路径的值与您想要用于开发的 Flutter SDK 的位置匹配。如果不匹配,请选择或指定正确路径以更新它。
配置您的项目
单击下一步以继续进行项目配置。多个配置选项应该会出现。
在项目名称字段中,输入一个遵循
lowercase_with_underscores
命名约定并符合 Effective Dart 指南的应用名称。如果您不创建应用程序,请从项目类型下拉菜单中选择另一个模板。
如果您正在创建一个将来可能会发布的应用程序,请将组织字段 [设置为您的公司域名][ij-set-org]。
其他字段可以保持不变,或根据您的项目需求进行配置。
完成项目创建
完成项目配置后,单击创建以开始项目初始化。
等待工作区初始化
IntelliJ 现在将初始化您的工作区,引导您的项目文件结构,并检索您应用的依赖项。这可能需要一些时间,可以在窗口底部进行跟踪。
运行你的应用
您的新应用现在应该已创建并在 IntelliJ 中打开。要尝试您的新应用,请按照在 IntelliJ 中运行和调试的步骤操作。
您已成功在 IntelliJ 中创建了新的 Flutter 应用!如果您在 IntelliJ 中开发 Flutter 需要更多帮助,请查阅 IntelliJ 的 Flutter 参考资料。
Firebase Studio
#要使用 Firebase Studio 创建 Flutter 应用,您首先需要一个 Google 帐户并设置 Firebase Studio。然后按照以下步骤操作:
启动 Firebase Studio
在您偏好的浏览器中,导航到位于
studio.firebase.google.com/
的Firebase Studio 控制台。如果您尚未登录,可能需要登录您的 Google 帐户。创建新工作区
在 Firebase Studio 控制台中,找到开始编写应用部分。它应该包含多种可供选择的模板。选择 Flutter 模板。如果找不到,它可能在移动类别下。
命名您的工作区
Firebase Studio 应该会提示您命名您的工作区。此名称与您的 Flutter 应用名称不同。选择一个描述性的名称,以便您在工作区列表中识别它。
配置您的新工作区
选择名称并配置工作区后,单击创建以配置您的新工作区。
等待工作区初始化
Firebase Studio 现在将初始化您的工作区,引导您的项目文件结构,并检索您应用的依赖项。这可能需要一些时间。
运行你的应用
您的新应用现在应该已创建并在 Firebase Studio 编辑器中打开。要尝试您的新应用,请按照 Firebase Studio 提供的文档,在 Web 或 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 参考。