Movatterモバイル変換


[0]ホーム

URL:


Skip to main content

docs.flutter.dev uses cookies from Google to deliver and enhance the quality of its services and to analyze traffic.

Learn more

Flutter 3.41 is live! Check out theFlutter 3.41 blog post!

Create a new Flutter app

Learn how to bootstrap a new Flutter application from your command-line, different editors, and even in the cloud.

This page provides step-by-step instructions on how to bootstrap a new Flutter app in your preferred development environment.

To create a new Flutter app, firstset up Flutter, then choose your preferred environment and follow the corresponding instructions.

VS Code

#

To create a Flutter app withVS Code and other Code OSS-based editors, you first need toinstall Flutter andset up VS Code for Flutter development. Then follow these steps:

  1. Launch VS Code

    Open VS Code or your preferred Code OSS-based editor.

  2. Open the command palette

    Go toView>Command Palette or pressCmd/Ctrl +Shift +P.

  3. Find the Flutter commands

    In the command palette, start typingflutter:. VS Code should surface commands from the Flutter plugin.

  4. Run the new project command

    Select theFlutter: New Project command. Your OS or VS Code might ask for access to your documents, agree to continue to the next step.

  5. Choose a template

    VS Code should prompt you withWhich Flutter template?. Depending on what type of Flutter project you want to create, choose the corresponding template. For a new Flutter app, chooseApplication.

  6. Select a project location

    A file dialog should appear. Select or create the parent directory where you want the project to be created. Don't create the project folder itself, the Flutter tool does so. To confirm your selection, clickSelect a folder to create the project in.

  7. Enter a project name

    VS Code should prompt you to enter a name for your new project. Enter a name for your app that follows thelowercase_with_underscores naming convention, following theEffective Dart guidelines. To confirm your selection, pressEnter.

  8. Wait for project initialization

    Based on the information you entered, VS Code usesflutter create to bootstrap your app. Progress is often surfaced as a notification in the bottom right and can also be accessed from theOutput panel.

  9. Run your app

    Your new app should now be created and open in VS Code. To try your new app, follow the steps torun and debug in VS Code.

You've successfully created a new Flutter app in VS Code! If you need more help with developing Flutter in VS Code, check out theVS Code for Flutter reference.

Android Studio

#

To create a Flutter app with Android Studio, you first need toinstall Flutter andset up Android Studio for Flutter development. Then follow these steps:

  1. Launch Android Studio

    Open Android Studio with the Dart and Flutter plugins installed.

  2. Begin project creation

    If you're on the IDE welcome dialog that saysWelcome to Android Studio, find and click theNew Flutter Project button in the center.

    If you already have a project open, either close it or go toFile>New>New Flutter Project....

  3. Choose a project type

    In theNew Project dialog, underGenerators in the left panel, selectFlutter.

  4. Verify Flutter SDK setup

    At the top of the right panel, ensure theFlutter SDK path value matches the location of the Flutter SDK you'd like to develop with. If not, update it by choosing or specifying the correct one.

  5. Configure your project

    ClickNext to continue to project configuration. Multiple configuration options should appear.

    In theProject name field, enter a name for your app that follows thelowercase_with_underscores naming convention, following theEffective Dart guidelines.

    If you're not creating an application, select another template from theProject type dropdown.

    If you're creating an app that you might publish in the future, set theOrganization fieldto your company domain.

    The other fields can be kept as is or configured according to your project's needs.

  6. Finish project creation

    Once you've completed the configuration of your project, clickCreate to begin project initialization.

  7. Wait for workspace initialization

    Android Studio will now initialize your workspace, bootstrap your project file structure, and retrieve your app's dependencies. This might take a while and can be tracked at the bottom of the window.

  8. Run your app

    Your new app should now be created and open in Android Studio. To try your new app, follow the steps torun and debug in Android Studio.

You've successfully created a new Flutter app in Android Studio! If you need more help with developing Flutter in Android Studio, check out theAndroid Studio for Flutter reference.

IntelliJ

#

To create a Flutter app with IntelliJ or other JetBrains IDEs, you first need toinstall Flutter andset up IntelliJ for Flutter development. Then follow these steps:

  1. Launch IntelliJ

    Open IntelliJ IDEA or your preferred IntelliJ-based IDE by JetBrains that has the Dart and Flutter plugins installed.

  2. Begin project creation

    If you're on the IDE welcome dialog that saysWelcome to IntelliJ IDEA, find and click theNew Project button in the upper right corner.

    If you already have a project open, either close it or go toFile>New>New Project....

  3. Choose a project type

    In theNew Project dialog, underGenerators in the left panel, selectFlutter.

  4. Verify Flutter SDK setup

    At the top of the right panel, ensure theFlutter SDK path value matches the location of the Flutter SDK you'd like to develop with. If not, update it by choosing or specifying the correct one.

  5. Configure your project

    ClickNext to continue to project configuration. Multiple configuration options should appear.

    In theProject name field, enter a name for your app that follows thelowercase_with_underscores naming convention, following theEffective Dart guidelines.

    If you're not creating an application, select another template from theProject type dropdown.

    If you're creating an app that you might publish in the future, set theOrganization field [to your company domain][ij-set-org].

    The other fields can be kept as is or configured according to your project's needs.

  6. Finish project creation

    Once you've completed the configuration of your project, clickCreate to begin project initialization.

  7. Wait for workspace initialization

    IntelliJ will now initialize your workspace, bootstrap your project file structure, and retrieve your app's dependencies. This might take a while and can be tracked at the bottom of the window.

  8. Run your app

    Your new app should now be created and open in IntelliJ. To try your new app, follow the steps torun and debug in IntelliJ.

You've successfully created a new Flutter app in IntelliJ! If you need more help with developing Flutter in IntelliJ, check out theIntelliJ for Flutter reference.

Firebase Studio

#

To create a Flutter app withFirebase Studio, you first need a Google account and toset up Firebase Studio. Then follow these steps:

  1. Launch Firebase Studio

    In your preferred browser, navigate to theFirebase Studio dashboard found atstudio.firebase.google.com/. If you haven't yet, you might need to log in to your Google account.

  2. Create a new workspace

    In the Firebase Studio dashboard, find theStart coding an app section. It should include a variety of templates to choose from. Select theFlutter template. If you can't find it, it might be under aMobile category.

  3. Name your workspace

    Firebase Studio should prompt you toName your workspace. This name is distinct from the name of your Flutter app. Choose a descriptive name that you'll recognize in a list of your workspaces.

  4. Provision your new workspace

    Once you've chosen a name and configured your workspace, clickCreate to provision your new workspace.

  5. Wait for workspace initialization

    Firebase Studio will now initialize your workspace, bootstrap your project file structure, and retrieve your app's dependencies. This might take a while.

  6. Run your app

    Your new app should now be created and opened in the Firebase Studio editor. To try your new app, follow the docs provided by Firebase Studio topreview your app on the web or on Android.

You've successfully created a new Flutter app in Firebase Studio! If you need help configuring your workspace, check outCustomize your Firebase studio workspace.

Terminal

#

To create a Flutter app in your terminal, you first need to install andset up Flutter. Then follow these steps:

  1. Open your terminal

    Open your preferred method to access the command line, such as Terminal on macOS or PowerShell on Windows.

  2. Navigate to the desired directory

    Ensure your current working directory is the desired parent directory for your new app. Don't create the project folder, theflutter tool will do so.

  3. Configure project creation

    In your terminal, type out theflutter create command and pass in any desired flags and options to configure your project. For example, to create an app with a minimalmain.dart file, you can add the--empty option:

    flutter create --empty

    To learn about the available creation options, runflutter create --help in another terminal window.

  4. Enter a project name

    As the only non-option argument toflutter create, specify the directory and default name for your application. The name should follow thelowercase_with_underscores naming convention, following theEffective Dart guidelines.

    For example, if you wanted to create an app namedmy_app:

    flutter create my_app
  5. Execute the configured command

    To create a project with your specified configuration, run the command you built in the previous step.

  6. Wait for project initialization

    Theflutter tool will now bootstrap your project's file structure and retrieve any necessary dependencies. This might take a while.

  7. Navigate into the project directory

    Now that your project has been created, you can navigate to it in your terminal or your preferred editor. For example, with a bash shell and a project namedmy_app:

    cd my_app
  8. Run your app

    To try your new app, run theflutter run command in your terminal and respond to its prompts to select an output device.

You've successfully created a new Flutter app in your terminal! If you need help configuring your project or with theflutter CLI tool, check out theFlutter CLI reference.

Was this page's content helpful?

Unless stated otherwise, the documentation on this site reflects Flutter 3.38.6. Page last updated on 2025-12-08.View source orreport an issue.


[8]ページ先頭

©2009-2026 Movatter.jp