Install Flutter Tutorial Step By Step

4. Installing required Android SDKs

Now it’s time to install required android SDKs for Flutter. Find steps below to complete this task.

Step 1: Start Android Studio

Step 2: Open Android SDK manager by navigating to Tools -> Android -> SDK Manager

Step 3:Now SDK manager will be appeared with list of available Android SDKs. You can install any kind of SDK versions you like. In my case i’m going to install SDK API version 23 and 25. Select API versions you prefer and click ok and follow steps. It will take while to download and setup your SDKs.

5. Creating a Test Device with AVD manager

You may need to test your template designs in different devices in order to improve the user experience. By using Android AVD manager you can create many virtual devices with different choice of devices and SDK versions which you can use to how your Flutter application perform in different environments.

Step 1: Open Android Studio

Step 2: Navigate to Tools -> Android -> AVD Manager .

Step 3: In AVD manager, click on “Create Virtual Device” button.

Step 3: In Next window AVD manager will ask you to select a device. in my case i’m going to select “Nexus 5x” under phone category. Then click next

Step 4: in System image dialog box, select on of Android release under ‘Recommended tab’ (if download link shows, click and download) and then click next.

Step 5: in new window, keep everything as default and click ‘finish’.

You can repeat previous steps to create more test devices in different device types and API versions.

If you have a real android device you can use it as a test device by connecting your phone to your laptop with USB cable.  You may need to have debugging mode enabled in your phone in order to do that.

6. Installing IntelliJ IDEA  IDE with Required plugins

IntelliJ IDEA is a programming IDE which can use to programming in many language including Dart. Flutter provides special tools and support for  IntelliJ IDEA  which makes our journey more fun and productive. Follow the steps below to get it an setup

Step 1: Visit Intellij  IDEA download page and download the community edition. If you have a license, you can get the Ultimate edition.

Step 2: Open your downloaded file and install the IDE.

Step 3: Start IntelliJ IDEA and navigate to configure -> settings

Step 4: In settings window, select ‘Plugins’ and click on “Browse Repositories”

Step 5: in Plugins window, search for Dart and click install.

Step 6: same window, search for Flutter and click install.

Step 7: Restart  IntelliJ IDEA IDE

7. Install Flutter Tutorial

Hey there, now all of our infrastructure is ready and now time to install flutter. Follow few steps below and then you’re ready to start developing your first Flutter project ?

Step 1: Download Flutter

You’ve two ways to download Flutter, either you can download directly from link below or get Flutter source code using Git. Please note, at the moment of this tutorial written Flutter is in Alpha version.

Option 1: Download Flutter Directly

• Download Flutter from https://github.com/flutter/flutter/archive/alpha.zip
• Unzip/Extract the downloaded file
• Rename the flutter-alpha folder in to Flutter . Then copy this folder in to C:\ drive. now you should be able to access Flutter from path C:\Flutter.

Option 2: Get flutter with Git 

• Open Windows Command Prompt
• Run command cd C:\ to Navigate to C:\ directory
• Run command git clone -b alpha https://github.com/flutter/flutter.git . This will take few minutes to download all the files.
• Now navigate to C:\ drive using windows explorer. find the directory named flutter and rename it to Flutter

Step 2: Add Flutter to Windows Path

1. Navigate in to Flutter SDK folder (in our case C:\Flutter)
2. Go inside to bin folder and copy  the directory path (in your case C:\Flutter\bin)
3. Go to “Control Panel > User Accounts > User Accounts > Change my environment variables”
4. Under “User variables” select path variable and click edit.

5.  In new dialog box click on New button, pasted the path to your Flutter bin folder. Then click OK.

8. Confirm everything with Flutter Doctor

Ok, now your Flutter installation has been done and now it’s time to verify everything with Flutter doctor. Follow few steps below to finish your installtion

Step 1: Open new Windows command prompt (if you have one already opened, close it and open new one or new window)

Step 2: Run command flutter doctor . If all the previous steps went smoothly you will see following output and you’re ready to start making your first Flutter app ?

Well, i hope everything goes fine for all of you. If you have any issue or needs any help, put a comment below and i’ll help ? . If everything went fine, then lets move to the next lesson and start developing our first Flutter app.

Please provide your valuable feedback and comments. Thanks for reading :).