Flutter Environment Setup for a complete Beginner

This blog post is focused on Windows, as most of the issues come-up in windows for beginners. I’ll be sharing a compiled list of resources to help you with all the steps. But before drill down into the topic, you can check out my activities on YouTube, LinkedIn and Github.

Steps:

1. Step#1: Setting up Java JDK, Android Studio, Android SDK
2. Step#2: Setting up Flutter SDK
3. Step#3: Setting up IDE (VS Code preferred)

Caution:

Please make sure your windows user name does not contain a white space e.g “Haroon Khan” should be “Haroon_Khan”. If there is a white space, then please either edit it by removing the white space or create a new windows user with no white space because as beginner you may face lots of issues during the installation, as lots of my students faced issues for the same reason.

Below video has some little explanation as well (Sorry for the voice quality of the video). Watch in until 4:30.

Step#1

Please follow along the below video until 7:30 and make sure you complete the below steps:

1. Java JDK settings
   1. Download Java and install java jdk
   2. Add JDK bin path to Path environment variable
   3. Add a new environment variable JAVA_HOME with path to the JDK
2. Setting up Android Studio and android SDK
   1. Download and install android studio
   2. Download the SDK (Downloaded by default you just need to follow the steps)

Step#2

Please follow along the below video until 4:10 and make sure you complete the below steps:

1. Download flutter sdk from https://flutter.dev/docs/get-started/install/
2. Add flutter sdk in C:\src\
3. Add flutter path (C:\src\bin\) to environment variable
4. Run “flutter doctor” and see the status of your flutter settings

Step#3

We have two better options for the IDE:

1. Android Studio
2. VS Code

but I’ll prefer VS Code because of it’s customization using plugins. If you want to be more productive while fluttering on VS Code then here is a very good video by Reso Coder:

It’s your choice if you want to install other plugins but you must install Dart and Flutter plugin.

If you are done with the above steps successfully, then “Tap yourself on your back 👏” as you have successfully set up your flutter environment.

Conclusion:

The aim of this blog was to provide a straight forward path to all the settings required to set-up your environment for building amazing flutter apps.