View video tutorial

FLUTTER Installation

FLUTTER

This tutorial will show how to set up an environment for developing Flutter applications.

Flutter Installation


➔ There are some steps to follow to create a Flutter learning environment. This is a very simple and step-by-step process. Once the Flutter learning environment is ready, the Flutter code and examples in this tutorial can be tried out without any problems.

➔ Before proceeding with the Flutter installation, make sure that the computer system meets the requirements. Check the official Flutter website to check the latest system requirements.

Install the Flutter SDK.


Visit Flutter official website and download Flutter SDK from https://docs.flutter.dev/get-started/install.

flutter Windows Installer download

Select Windows Installer

flutter download

Download Flutter SDK.

When the download is complete, extract the zip file and place it in the desired installation location for example C:\src\flutter.

Extract Flutter SDK

Extract Flutter SDK.

Now flutter commands can be issued in different ways a) by setting environment path variable, b) by set path='path to bin' command c) by issuing command directly from bin folder.

Set the system environment path to the flutter bin directory to run flutter commands in the Windows console.

System property

Open Computer Settings -> Advanced System Settings -> Advanced -> Environment Variables.

Environment variables

Environment Variables.

System variable path

Go to User variables section ->click new button. set variable name: path and variable value C:\src\flutter\bin -> OK -> OK -> OK.

We can see the report of how many problems are solved for Flutter development using the flutter doctor command. This will fix an issue after installing the Flutter SDK.

flutter doctor


After solving all the issues (a. Installing android studio, b. Installing android SDK, c. Installing devices, d. Installing VS Code etc.) the report should look like this.

flutter doctor ok

After solving all the problems the report should look like this.

Install Android Studio.


Visit Android official website and download Android Studio from https://developer.android.com/studio/.

android install

Download Android Studio



flutter download

Click agree with terms and conditions.

flutter download

Open downloaded executable file to start installation.



flutter download

Check Android Virtual Device, Click Next.


flutter download

Select installation location (default is fine).


flutter download

Click Install.


flutter download

When installation complete, Click Next.


flutter download

Click Finish.


flutter download

Select Do not import settings, Click OK.


flutter download

Android Studio Setup Wizard, Click Next.


flutter download

Select install type standard, Click Next.


flutter download

Verify Settings, Click Next.


flutter download

Accept License Agreement for both android-sdk- and intel-android-extra-, click Finish


flutter download

Please wait until Finish.


flutter download

Click Finish.


flutter download

Select plugin, select marketplace then search for flutter and click install.


flutter download

Click Install dart required plugins.


flutter download

Select Project, Click on New Flutter Project.


flutter download

Select Flutter, Set Flutter SDK path, Click Next.


flutter download

Select Project name with smaller case(use underscore for multiple words) and location and Click Finish.


Run Android Emulator.


flutter download

Click on Device Manager icon at top-right corner of the editor.


flutter download

Select Phone, Select Pixel2, Click Next .


flutter download

Select API, Click download.


flutter download

New wizard open and Click Finish when done.


flutter download

Click Finish.


flutter download

Click on run icon(or select main.dart file, right click then select Run main.dart) to run the application.


flutter download

Please wait (minimum about 1 to 10min) until "Running gradle task assembleDebug" complete.


flutter download

Flutter Application run on emulator.


Finally Check flutter doctor.


flutter download

Run flutter doctor in the command line.


flutter download

Install Android SDK Command-line tools, Google USB Driver and HAXM if not installed already.


flutter download

Install android license agreement and accept by flutter doctor --android-licenses command in command-line. Now flutter doctor command shows issues are resolved.