How To Get Started with Your First Flutter App.

How To Get Started with Your First Flutter App.

This is a complete guide for setting up your windows computer for flutter development, where I will show you a 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 the Android studio folder and copy the jbrfiles and paste it into jre

⬇️Install Visual studio code

  • Install Two extensions: Flutter & Dart

flutter create Project

  • This will create the Project File in the selected folder of your choice.

  • Go to the lib folder and openmain. dart & then change the device to chrome web.

  • Finally, you will be able to see your first project on the chrome browser: