Flutter App Development Series #1 | Setting up the Working Enviorment |

What is Flutter

Flutter is an open-source UI software development kit created by Google. It is used to develop applications for Android, iOS, Windows, Mac, Linux, Google Fuchsia and the web. The first version of Flutter was known as codename "Sky" and ran on the Android operating system.


Untitled.png

  • My GitHub Profile: https://github.com/uafappdevelopers

  • What will I Learn?

  • How to download Flutter SDK
  • How to download Android Studio
  • How to setup Flutter SDK in Android Studio
  • Create a new project

  • Requirements

  • Basic Programming Knowledge
  • Smooth and Fast internet connection
  • Medium Specs Core i3 2nd generation with 4GB Ram

  • Procedure

  • Open link for your Operating System
    Windows
    Mac
    linux

  • In my case i am using Windows Operating System. Now click on download button as shown here

  • Windows%20install%20Flutter.png

  • Extract the zip file in drive where you installed the Windows in my case i have my Windows in drive C. so i extract the zip file in C:\src as shown here

  • Annotation%202020-05-06%20011358.png

  • Open this Link and download and install Java Development Kit (JDK). It helps to Compile and build the Android Apps.

  • Java%20SE%20Development%20Kit%2014%20Downloads.png

  • Now go to this Website and download and install the Android Studio.

  • Download%20Android%20Studio%20and%20SDK%20tools%20Android%20Developers.png

  • Open Android Studio and Click on create project and follows these mocks

  • Annotation%202020-05-06%20013515.png

    Annotation%202020-05-06%20013720.png

    Annotation%202020-05-06%20013944.png

  • Now open File > Setting > Plugins and install Flutter and Dart Plugin

  • Annotation%202020-05-06%20014214.png

    Annotation%202020-05-06%20014745.png

    Now Restart the Android Studio

  • Click on File > New > New Flutter Project... and follows these mocks

  • Annotation%202020-05-06%20015412.png

    Annotation%202020-05-06%20015614.png

    Annotation%202020-05-06%20015803.png

    Annotation%202020-05-06%20015903.png

    Annotation%202020-05-06%20015948.png

    Annotation%202020-05-06%20020034.png

    In the very next lesson we start the from the basic coding. Stay tuned


    Thanks for Reading

    Upvote|Resteem|Follow