In this part of the Flutter series, we will learn about the setup or installation of Flutter on our own local computer by using two development methods i.e. Android Studio and Visual Studio Code.

Flutter installation in Windows

In this section, let us see how to install Flutter SDK and its requirement in a windows operating system.

Step 1 − Go to URL, https://flutter.dev/docs/get-started/install/windows, and download the latest Flutter SDK. The latest version is 1.12.13 and the file is flutter_windows_v1.12.13+hotflix.9-stable.zip.

Step 2 − Unzip the zip archive in a folder, say C:flutter

Step 3 − Update the system path to include the flutter bin directory.

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

flutter doctor

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

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

Step 7 − Start an android emulator or connect a real android device to the system.

Step 8 − Install Flutter and Dart plugin for Android Studio.

Android Studio

  • Open Android Studio.

  • Click File → Settings → Plugins.

  • Select the Flutter plugin and click Install.

  • Click Yes when prompted to install the Dart plugin.

  • Restart Android studio and you are done

Flutter installation in macOS

Step 1 − Go to URL, https://flutter.dev/docs/get-started/install/macos, and download the latest Flutter SDK. As of April 2019, the version is 1.2.1 and the file is flutter_macos_v1.2.1- stable.zip.

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

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

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

Step 4 − Enable the updated path in the current session using the 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 the 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 an android application.

Step 9 − Open iOS simulator or connect a real iPhone device to the system to start developing iOS applications.

.Also for Visual Studio Code repeat the same process and install flutter and dart plugins from VS Code extensions before using it.

Complete Flutter Series List: Click here 

Categories: Blog Tags: flutter, review2tech flutter series, flutter setup, installation of flutter, native app development, create a basic app using flutter, flutter tutorial, flutter android, flutter ios


1 Comments

  • Comment

    goyard handbags

    2020-08-16 02:40:28

    I in addition to my pals were actually looking through the nice suggestions from the blog while before long got an awful suspicion I had not expressed respect to the web blog owner for those strategies. All the boys were consequently happy to learn them and have in effect truly been having fun with these things. Thanks for getting considerably helpful as well as for deciding on certain quality tips millions of individuals are really eager to be informed on. Our honest apologies for not expressing gratitude to you earlier.

    Reply

Leave a comment