Welcome to part 2 of Install Flutter Tutorial, Flutter tutorial series. If you haven’t read Flutter introduction tutorial yet, you can go here and read it. In this article i’m going to guide you how to Install Flutter Tutorial in Windows. Ok, let’s start 🙂
Install Flutter Tutorial in Windows – Step by Step Guide
In order to install Flutter in Windows you have install and configure couple of dependencies like Git, Java, Android Studio and SDK manager with required SDK versions (API version 23 & ,25). But, don’t worry i’m going to cover all of these step by step. If you already have installed Git, Java, Android Studio with required SDK versions, you can skip those steps.
Please note, if you want to test your app in iOS you may need to have a apple computer(iMac or Macbook). Please follow Install Flutter in MacOS tutorial in order to get started.
To install Flutter in Windows and run, your development environment must meet these minimum requirements:
- Operating Systems: Windows 7 or later (64-bit)
- Disk Space: 400 MB (does not include disk space for Android Studio).
I’m going to explain installing couple of required supportive programs (dependencies). if you’ve already completed any of these steps, you can safely skip them.
- Installing Git for Windows
- Installing Java JDK
- Installing Android Studio
- Installing required Android SDKs
- Creating a Test Device with AVD manager
- Installing IntelliJ IDEA IDE with Required plugins
- Install Flutter Tutorial
- Confirm everything with Flutter Doctor
1. Installing Git for Windows
By far, the most widely used modern version control system in the world today is Git. We will use this tool in the next steps download required codes/SDKs from remote servers to our local computer.
Step 1: Download the latest Git for Windows installer.
Step 2: When you’ve successfully started the installer, you should see the Git Setup wizard screen. Follow the Next and Finish prompts to complete the installation. The default options are pretty sensible for most users.
Step 3: To verify the installation, Open windows Command Prompt (open start menu and type
CMDand hit enter). Type
git --version in command prompt and hit enter. If git is successfully installed you will see the below output.
2. Installing Java JDK
3. Installing Android Studio
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-alphafolder in to
Flutter. Then copy this folder in to
C:\drive. now you should be able to access Flutter from path
Option 2: Get flutter with Git
- Open Windows Command Prompt
- Run command
cd C:\to Navigate to
- 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
flutterand rename it to
Step 2: Add Flutter to Windows Path
- Navigate in to Flutter SDK folder (in our case
- Go inside to
binfolder and copy the directory path (in your case
- Go to “Control Panel > User Accounts > User Accounts > Change my environment variables”
- Under “User variables” select
pathvariable 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 :).