Flutter Installation on Windows with Visual Studio Code
How to install Flutter on Windows with Visual Studio Code
Download the following files:
Android studio: https://developer.android.com/studio
Flutter SDK (Please download the latest Stable SDK): https://flutter.dev/docs/development/tools/sdk/releases
Visual Studio Code: https://code.visualstudio.com/
Total Download Size: approx. 2.5 GB to 3 GB
Let’s start with Flutter SDK
Extract the flutter folder of the zip file to a location (preferably C:\Program Files)
Open flutter/bin
Click on the address bar and copy its contents
Open Start Menu and search for the System environment variable
Open Edit the system environment variables
You will see this window
Open the Environment Variables in the bottom right
In the System variables part look for Path variable and double click on it
Click on New paste the copied path and press enter
Click OK on all three dialogs
Open Command Prompt by searching cmd in Start Menu
Type flutter doctor and press enter
Don't worry about the errors
Close the Command Prompt
Let's install Android Studio
Open the Android Studio Setup
Click Next
If you don't have an Android device preferably do click on Android Virtual Device which can be used to emulate Android on your computer but is a RAM hoarder
Click Next
Select where to install Android Studio
Click Install
Wait for it to finish installing
Click Next
Make sure that Start Android Studio option is ticked and press Finish
You will be prompted with this
Select Do not import settings and then OK
Click Next
Select Standard and press Next
Select your theme and click Next
Click Finish
This will download around 600 MB of files
After the downloading and installation finishes click on Finish
Click on Configure -> SDK Manager in the bottom right
Tick Android version you are going to run your app on and click Apply
Click OK on the dialog
Click Accept on the Licence Agreement and click Next
This download will be around 100 MB to 150 MB
Click on Finish
Click Apply or OK to save changes
Let’s install Visual Studio Code
Open the Visual Studio Code setup
Accept the agreement and click Next
Choose install destination and click Next
Click Next
Tick all the options in Other section and click Next
Click Install
After installation is finished tick Launch Visual Studio Code and click Finish
Click on Extensions on the left side and search for flutter
Install the Flutter extension by Dart Code
Now you can start developing Flutter apps using Visual Studio Code
Create app by running flutter create app_name in Command Prompt
Open the folder in Visual Studio Code
Goto lib/main.dart and press F5 to debug your application on your device