Flutter – Installation on Window in 2021

flutter installation step by step 2021 latest

Installation in Windows 10

Step 1 − Firstly Click to download the latest Flutter SDK. As of April 2019, the version is 1.22.6 and the file is flutter_windows_v1.2.1-stable.zip.  See an image Click

Step 2 − Unzip the zip archive in a folder, say C:\flutter\ or C:\src\flutter. See an image Click

Step 3 − Update the system path to include flutter bin directory. See image or Video Click

Step 4 − Flutter provides a tool, flutter doctor to check that all the requirement of flutter development is met. See an image Click

Step 5 − Running the above command will analyze the system and show its report as shown below

Step 6 − Install the latest Android SDK, if reported by flutter doctor

Step 7 − Install the latest Android Studio, if reported by flutter doctor

How to Install Android Studio See Video Click

Step 8 − Start an android emulator or connect a real android device to the system. See image or Video Click

Step 9 − Install Flutter and Dart plugin for Android Studio. It provides startup template to create new Flutter application, an option to run and debug Flutter application in the Android studio itself, etc., See image or Video Click

 

Installation in MacOS

To install Flutter on MacOS, you will have to follow the following steps −

Step 1 − Firstly Click to download the latest Flutter SDK. As of April 2019, the version is 1.22.6 and the file is flutter_windows_v1.2.1-stable.zip.  See an image Click

Step 2 − Unzip the zip archive in a folder, say /path/to/flutter

Step 3 − Update the system path to include flutter bin directory (in ~/.bashrc file).

> export PATH = "$PATH:/path/to/flutter/bin"

Step 4 − Enable the updated path in the current session using below command and then verify it as well.

source ~/.bashrc
source $HOME/.bash_profile
echo $PATH

Flutter provides a tool, flutter doctor to check that all the requirement of flutter development is met. It is similar to the Windows counterpart.

Step 5 − Install latest XCode, if reported by flutter doctor

Step 6 − Install latest Android SDK, if reported by flutter doctor

Step 7 − Install latest Android Studio, if reported by flutter doctor

Step 8 − Start an android emulator or connect a real android device to the system to develop android application.

Step 9 − Open iOS simulator or connect a real iPhone device to the system to develop iOS application.

Step 10 − Install Flutter and Dart plugin for Android Studio. It provides the startup template to create a new Flutter application, option to run and debug Flutter application in the Android studio itself, etc.,

  • Open Android Studio
  • Click Preferences → Plugins
  • Select the Flutter plugin and click Install
  • Click Yes when prompted to install the Dart plugin.
  • Restart Android studio.