Installing Flutter on Windows using Android Studio Step by Step Tutorial

Flutter is an open source android iOS mobile application development platform created by Google in DART programming language. Flutter is currently on the way of exploring more flexible features in development arena. This tutorial is my first tutorial about Installing Flutter on Windows. So let’s get started 🙂 .

System Requirement on Windows:

There are some minimum system requirement is set by Google to install and run Flutter on windows machine. Below is the minimum system requirement.

  • Operating System : Windows 7 Service pack 1 or later.
  • Disk Space :500 MB – To put flutter SDK.
  • VM Acceleration enable – To improve android emulator speed.

1. Download & Install Flutter SDK:

1. Goto Flutter SDK releases page and download the latest version of Flutter SDK under Stable Channel(Windows) block. At the time of making this tutorial there is flutter v1.2.1 is running.

Screenshot of Page:

2. After download complete you’ll see a .zip extension file containing flutter SDK. Simply extract the file and put it into a separate folder in any drive. Like i am putting my flutter SDK in F -> Android_Setup -> flutter_sdk .

Screenshot:

3. Go inside your Flutter_sdk folder and locate flutter_console.bat file.

4. Simply double click on flutter_console.bat file. Now you can run flutter command in flutter console.

Installing Flutter on Windows Tutorial2. Update Path:

1. This step is to make sure that you can run the flutter commands directly from Windows Command Prompt screen. So Right click on your My Computer -> Properties .

2. Select Advanced System Settings present left side of your page.

3. Under Advanced tab select Environment Variables.

4. Under User variables select Path and put your Flutter SDK folder bin path in it. You will see another paths also in this variable so simply separate them using ; semi column.

My flutter sdk bin folder is : F:\Android_Setup\flutter_sdk\bin . You should here user your own flutter sdk path.

5. Here you go. Now open the Command prompt window and locate to Flutter SDK Folder path.

6. Execute flutter doctor command to see if there are any platform dependencies is remaining to install.

3. Android Setup:

1. Download and Install Android Studio.

2. Start Android Studio, and go through the ‘Android Studio Setup Wizard’ . Install the latest SDK Platform-Tools, and Android SDK Build-Tools.

4. Install Java JDK:

Download & install Java Development Kit(JDK) from oracle’s official page.

5. Setup Android SDK Manger path + Java Path:

1. Right click on My Computer.

2. Goto Properties.

3. Select Advanced System Settings.

4. Click on Environment variables.

5. Under the System Variable Tab click on New.

6. Here you need to make a Variable named as ANDROID_HOME and put your ANDROID SDK MANAGER path here. Like i did in below screenshot.

7. Now again make click on New button and make a new variable named as JAVA_HOME and put JDK path here like i did in below screenshot.

6. Setup Android Emulator to test apps:

1. Enable VM acceleration on your device. Download Hardware_Accelerated_Execution_Manager from Intel and install the software.

2. Start Android Studio -> Tools -> AVD Manager.

3. Click on Create New Virtual Device.

4. Select your device type and press the Next button.

5. Select Android OS image.

6. Now set name for your emulator and press the Finish button.

7. After done loading AVD press the RUN button to start the emulator.

7. Install Flutter & Dart language Plugin in Android Studio:

1. Start Android Studio.

2. Open plugin preferences (Preferences > Plugins on macOS.)

3. Open File > Settings > Plugins on Windows & Linux,

4. Select Browse repositories, search for Flutter plugin and click Install.

4. Click Yes when prompted to install the Dart plugin.

5. Click Restart.

6. Restart the Android Studio also to configure properly.

8. Creating First Flutter App:

1. Goto File -> New flutter project.

2. Select Flutter Application and press next button.

3. On the next window you’ll see your project name,  project location, flutter sdk location path. Hit the next button again.

4. Set the package name and hit Finish button to create your first flutter project.

5. Screenshot of flutter project.

9. Run the Flutter App from Android Studio:

1. Locate Android Studio main tool bar. See the below screenshot to understand the project running buttons.

2. Hit the above Run button and your current flutter project will be run in Android emulator.

2 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *