How To Get Started with Your First Flutter App.

Jay Prajapati
Tech x Talent
Published in
2 min readFeb 20, 2023
First Flutter App

This is a complete guide for setting up your windows computer for flutter development, where I will show you step-by step guide on how to run flutter on Visual Studio code.

➡️Requirements:

  1. Flutter SDK: https://docs.flutter.dev/get-started/install/windows
  2. Android Studio: https://developer.android.com/studio
  3. Visual Studio Code: https://code.visualstudio.com/
  4. Chrome Browser: https://www.google.com/chrome/

Here’s the command, you run on command prompt to check whatever something is missing or not:

flutter doctor

⬇️Flutter SDK:

  • After you download the flutter SDK, You have to these steps to add Flutter to the PATH environment variable:
  1. First go to Start Menu & Type: Env
  2. It will open up: Edit Environmental variables for your account

3. Choose PATH Variable and select edit option and set the path of your flutter folder.

⬇️Install Android Studio:

💁🏻 If You Run into problem Like: Unable to find bundled Java version.

  • Go to Android studio folder and copy the jbrfiles and paste it into jre

⬇️Install Visual studio code

  • Install Two extensions: Flutter & Dart
Flutter & Dart
flutter create project
  • This will create the Project File in selected folder of your choice.
  • Go to lib folder and openmain.dart & then change device to chrome web.
  • Finally, you will be able to see your first project on chrome browser:

--

--