建立一個新的 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 參考。