# Set up Flutter for your particular needs

> Install and set up Flutter for your preferred development environment and target platforms.



To get started developing with Flutter,
follow these steps to install and set up Flutter
for your preferred development environment and target platform.

If you plan to use VS Code or another Code - OSS derived editor
like Antigravity, consider following the [Flutter quick start][] instead.

[Flutter quick start]: /install/quick

## Install and set up Flutter {: #install}

To get started developing apps with Flutter,
install the Flutter SDK to your development device.
Choose one of the following installation methods:

<div class="card-grid">
  <a class="card outlined-card" href="/install/with-vs-code">
    <div class="card-header">
      <span class="card-title">Install with VS Code</span>
      <span class="card-subtitle">Recommended</span>
    </div>
    <div class="card-content">
      <p>Use VS Code to quickly set up your Flutter development environment.</p>
    </div>
  </a>
  <a class="card outlined-card" href="/install/manual">
    <div class="card-header">
      <span class="card-title">Install manually</span>
      <span class="card-subtitle">For specific releases</span>
    </div>
    <div class="card-content">
      <p>Manually install and set up a specific Flutter SDK release.</p>
    </div>
  </a>
</div>

## Set up an IDE or editor {: #editor}

For the best development experience with Flutter,
install an IDE or editor with support for Dart and Flutter.
Some popular options include VS Code, Antigravity,
Android Studio, and other Code OSS-based editors.

<div class="card-grid wide">
 <a class="card outlined-card" href="/tools/vs-code#setup">
   <div class="card-header">
     <span class="card-title">VS Code</span>
   </div>
   <div class="card-content">
     <p>Set up Flutter support in VS Code.</p>
   </div>
 </a>
 <a class="card outlined-card" href="/tools/android-studio#setup">
   <div class="card-header">
     <span class="card-title">Android Studio</span>
   </div>
   <div class="card-content">
     <p>Set up Flutter support in Android Studio.</p>
   </div>
 </a>
 <a class="card outlined-card" href="/tools/android-studio#setup">
   <div class="card-header">
     <span class="card-title">IntelliJ</span>
   </div>
   <div class="card-content">
     <p>Set up Flutter support in an IntelliJ-based IDE.</p>
   </div>
 </a>
</div>

## Set up a target platform {: #target-platform}

Once you've successfully installed Flutter,
set up development for at least one target platform
to continue your journey with Flutter.

We recommend [developing for the web][web-setup] first as
it requires no additional setup besides an appropriate browser.
You can always set up development for additional target platforms later.

<div class="card-grid wide">
 <a class="card outlined-card" href="/platform-integration/android/setup">
   <div class="card-header">
     <span class="card-title">Target Android</span>
     <span class="card-subtitle">On any device</span>
   </div>
   <div class="card-content">
     <p>Set up your development environment to build Flutter apps for Android.</p>
   </div>
 </a>
 <a class="card outlined-card" href="/platform-integration/ios/setup">
   <div class="card-header">
     <span class="card-title">Target iOS</span>
     <span class="card-subtitle">On macOS only</span>
   </div>
   <div class="card-content">
     <p>Set up your development environment to build Flutter apps for iOS.</p>
   </div>
 </a>
 <a class="card outlined-card" href="/platform-integration/web/setup">
   <div class="card-header">
     <span class="card-title">Target Web</span>
     <span class="card-subtitle">On any device</span>
   </div>
   <div class="card-content">
     <p>Set up your development environment to build Flutter apps for the web.</p>
   </div>
 </a>
 <a class="card outlined-card" href="/platform-integration/windows/setup">
   <div class="card-header">
     <span class="card-title">Target Windows</span>
     <span class="card-subtitle">On Windows only</span>
   </div>
   <div class="card-content">
     <p>Set up your development environment to build Flutter apps for Windows.</p>
   </div>
 </a>
 <a class="card outlined-card" href="/platform-integration/macos/setup">
   <div class="card-header">
     <span class="card-title">Target macOS</span>
     <span class="card-subtitle">On macOS only</span>
   </div>
   <div class="card-content">
     <p>Set up your development environment to build Flutter apps for macOS.</p>
   </div>
 </a>
 <a class="card outlined-card" href="/platform-integration/linux/setup">
   <div class="card-header">
     <span class="card-title">Target Linux</span>
     <span class="card-subtitle">On Linux only</span>
   </div>
   <div class="card-content">
     <p>Set up your development environment to build Flutter apps for Linux.</p>
   </div>
 </a>
</div>

[web-setup]: /platform-integration/web/setup

## Continue your Flutter journey {: #next-steps}

**Congratulations!**
Now that you've installed Flutter, set up an IDE or editor,
and set up development for a target platform,
you can continue your Flutter learning journey.

Follow the [Flutter learning pathway][],
set up development for an [additional target platform][], or
explore some of these other learning resources.

<div class="card-grid link-cards">
  <div class="card filled-card list-card">
    <div class="card-leading">
      <img src="/assets/images/decorative/flutter-on-phone.svg" height="160" aria-hidden="true"
        alt="A representation of Flutter on multiple devices.">
    </div>
    <div class="card-header">
      <span class="card-title">Build for other platforms</span>
    </div>
    <div class="card-content">
      <ul>
        <li>
          <a class="text-button" href="/platform-integration/android/setup">Target Android</a>
        </li>
        <li>
          <a class="text-button" href="/platform-integration/ios/setup">Target iOS</a>
        </li>
        <li>
          <a class="text-button" href="/platform-integration/macos/setup">Target macOS</a>
        </li>
        <li>
          <a class="text-button" href="/platform-integration/windows/setup">Target Windows</a>
        </li>
        <li>
          <a class="text-button" href="/platform-integration/linux/setup">Target Linux</a>
        </li>
      </ul>
    </div>
  </div>

  <div class="card filled-card list-card">
    <div class="card-leading">
      <img src="/assets/images/decorative/pointing-the-way.png" height="160" aria-hidden="true"
        alt="Dash helping you explore Flutter learning resources.">
    </div>
    <div class="card-header">
      <span class="card-title">Learn Flutter development</span>
    </div>
    <div class="card-content">
      <ul>
        <li>
          <a class="text-button" href="/learn/pathway">Learn the fundamentals</a>
        </li>
        <li>
          <a class="text-button"
            href="https://www.youtube.com/watch?v=b_sQ9bMltGU&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG">
            Discover Flutter widgets</a>
        </li>
        <li>
          <a class="text-button" href="/reference/learning-resources">Explore learning resources</a>
        </li>
        <li>
          <a class="text-button" href="https://dart.dev/overview">
            <span>Learn Dart programming</span>
            <Icon id="open_in_new" size="1rem" />
          </a>
        </li>
      </ul>
    </div>
  </div>

  <div class="card filled-card list-card">
    <div class="card-leading">
      <img src="/assets/images/decorative/up-to-date.png" height="160" aria-hidden="true"
        alt="Keep up to date with Flutter">
    </div>
    <div class="card-header">
      <span class="card-title">Stay up to date with Flutter</span>
    </div>
    <div class="card-content">
      <ul>
        <li>
          <a class="text-button" href="/install/upgrade">Update Flutter</a>
        </li>
        <li>
          <a class="text-button" href="/release/release-notes">Find out what's new</a>
        </li>
        <li>
          <a class="text-button" href="https://flutter.dev/blog">
            <span>Check out the blog</span>
            <Icon id="open_in_new" size="1rem" />
          </a>
        </li>
        <li>
          <a class="text-button" href="https://www.youtube.com/@flutterdev">
            <span>Subscribe on YouTube</span>
            <Icon id="open_in_new" size="1rem" />
          </a>
        </li>
        <li>
          <a class="text-button" href="https://bsky.app/profile/flutter.dev">
            <span>Follow on Bluesky</span>
            <Icon id="open_in_new" size="1rem" />
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>


[Flutter learning pathway]: /learn/pathway
[additional target platform]: /platform-integration#setup

