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.

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

System property

Environment Variables.

Environment variables

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

System variable path

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 with issues

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.

After solving all the problems the report output should be like this.

flutter doctor with all issues are fixed

Install Android Studio.


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

Download Android Studio

Download Android Studio



agree with terms and conditions

Click agree with terms and conditions.

start installation

Open downloaded executable file to start installation.



Check Android Virtual Device

Check Android Virtual Device, Click Next.


Select installation location

Select installation location (default is fine).


Click Installation begins.

Click Install.


installation completed

When installation complete, Click Next.


installation Finish

Click Finish.


Do not import settings

Select Do not import settings, Click OK.


Android Studio Setup Wizard

Android Studio Setup Wizard, Click Next.


install type standard

Select install type standard, Click Next.


Verify Settings

Verify Settings, Click Next.


Accept License Agreement

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


Please wait until Finish installation

Please wait until Finish.


Finish

Click Finish.


select marketplace

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


Install dart

Click Install dart required plugins.


New Flutter Project

Select Project, Click on New Flutter Project.


Flutter SDK path

Select Flutter, Set Flutter SDK path, Click Next.


Project name

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


Run Android Emulator.


Device Manager

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


Pixel2

Select Phone, Select Pixel2, Click Next .


Select API

Select API, Click download.


Click Finish when download api

New wizard open and Click Finish when done.


Finish

Click Finish.


run the application

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


until

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


run on emulator

Flutter Application run on emulator.


Finally Check flutter doctor.


run flutter doctor

Run flutter doctor in the command line.


Install Android SDK Command-line tools

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


Install android license agreement

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