1

Flutter, which can be used to create attractive, natively-built applications for mobile, desktop, and the web from a single codebase, is essentially Google’s portable user interface (UI) toolkit. Flutter is open-source, free, and works with already-written code. Due to its simple, yet effective instructions and user-friendly interface, it is used by businesses and developers all over the world.

In this article, I will explain the process of installing Flutter with SDK on Windows.

System Requirements

To install and run Flutter smoothly on Windows, your development environment must meet these minimum requirements :

  • Operating systems: Windows 10 or later (64-bit), x86_64 CPU architecture; 2nd generation Intel Core or newer, or AMD CPU with support for a Windows Hypervisor.
  • Ram: 4 GB RAM or more.
  • Disk Space: 8 GB of available disk space.
  • Screen Resolution: 1280 x 800 minimum screen resolution. (optional)

Here is the link for checking system requirements on Windows.

Downloading Flutter

After verifying the system requirements let’s jump into downloading.

Assuming you have already downloaded and installed Android Studio. If you have not installed Android Studio please follow this link before installing Flutter.

Let’s start downloading

STEP 1 ( Downloading )

    1. Open your favorite browser and download Flutter SDK from the link given below.
    2. Click Here
    3. On this page, you will get a blue button to download Flutter SDK zip file.

      flutter sdk

      Picture 1

      flutter sdk

      Picture 2

    4. After clicking on the blue downloading button if your downloading is started automatically then you can skip to Point 6 and Picture 7. If downloading is not started and a dialog box appears then you have to select the folder in which you want to download the Flutter SDK zip file. (Check Picture 4 and 5 for reference)

      flutter sdk

      Picture 3

      flutter sdk

      Picture 4

    5. Select the folder for downloading the zip file and click on the save button as shown in the picture below.

      flutter sdk

      Picture 5

    6. Here, you can see SDK zip file is downloading.

      flutter sdk

      Picture 6

    7. After downloading is done, right-click on the file and click on “Show in folder”.

      flutter sdk

      Picture 7

    8. Here is the downloaded file. Now “right click” on the file and click on “Extract to” option as shown in picture 9 and wait for the file to complete extraction.

      flutter sdk

      Picture 8

      flutter sdk

      Picture 9

    9. Extraction is going on wait for 2 to 5 minutes.

      flutter sdk

      Picture 10

    10. Now open the extracted folder by right click on it and select “open”.

      flutter sdk

      Picture 11

    11. After opening the extracted folder, you will see a “flutter” folder in it. You can copy the “flutter” folder to any one of the drives you have.

      flutter sdk

      Picture 12

Eg: I have Local Disk C and Local Disk D

flutter sdk

Picture 13

  1. I am copying the “Flutter folder” in Local Disk D.

    Picture 14

    Picture 15

STEP 2 ( Update Flutter Path )

  1. After copying open the “flutter” folder than open the “bin” folder.

    Picture 16

    Picture 17

  2. Now, as you can see in picture, double click on the “Address bar” and copy the “address”.

    Picture 18

  3. Now, open the start menu and search for “Environment Variable” and press enter then click on the “Environments Variables” button.

    Picture 19

    Picture 20

  4. Double-click on the “Path” option.

    Picture 21

  5. Click on the “New” button and paste the “address” that you “copied in step 14. Copy here in the highlighted area and press the “OK” button.

    Picture 22

  6. Now again press “OK” button on 2 opened dialogs as seen in picture 23.

    Picture 23

Now, we have successfully added path of “Flutter SDK” in windows

STEP 3 ( VS Code Setup )

If you haven’t installed VS Code please check this link

  1. Open the “Start menu” and search for “VS Code” and open it.

    Picture 24

  2. Now click on the “Plugins Icon” at right side bar as shown in picture.

    Picture 25

  3. Type “flutter” here and install the first one for adding flutter support in VS Code

    Picture 26

  4. After installing the plugin close VS Code

STEP 4 ( Check If Flutter Installed Successfully )

  1. Now open the “Start menu” type “cmd” and hit “enter”

    Picture 27

  2. Type “flutter doctor” in “cmd” and hit “enter”
  3. As you can see in the pictures here are some green checks [icon name=”circle-check” prefix=”fas”] on my cmd

    Picture 28

If your “cmd” screen looks the same as the picture, it means you are good to go for starting Android development on Windows with Flutter.

Hurray! You’ve completed all the steps accordingly now let’s start Development.!

TOP 5 FLUTTER SDK RELATED QUESTIONS

  1. How to check system requirements on Windows?
  2. How to install Android Studio on Windows?
  3. How to install Visual Studio on Windows?
  4. How to Setup a development environment for Windows?
  5. How to install flutter sdk on Mac OS?

Sharing is Caring, don’t forget to share POST with your friends

Oliver
From the eclectic neighborhoods of Brooklyn, Oliver Monroe infuses his writing with the diverse and dynamic spirit of New York City.

What is Front End Development?

Previous article

How to Check System Requirements on Windows 10

Next article

You may also like

1 Comment

Leave a reply

Your email address will not be published. Required fields are marked *

More in Tech News