How to Install Flutter and Android studio

Posted by

Flutter, the open-source UI toolkit developed by Google, has gained widespread popularity for building natively compiled applications for mobile, web, and desktop from a single codebase. If you are a Windows user and eager to dive into Flutter development, this guide will walk you through the installation process.

Step 1: Navigate to Flutter Website

Visit the official Flutter website by going to flutter.dev. In the top menu bar, select “Docs” > “Get Started” > “Install” > “Windows.”

Step 2: Check System Requirements

Before starting the installation, ensure that your system meets the necessary requirements. This may include installing the latest versions of Windows PowerShell and Git for Windows if not already installed.

Step 3: Download and Extract Flutter SDK

  1. Download the latest version of Flutter SDK by clicking on the provided link.
  2. Once downloaded, extract the zip file to a directory where you have read and write access. It’s recommended to create a new folder in a separate directory, such as “D:\development\flutter.”

Step 4: Set Up Flutter Console

  1. Inside the extracted Flutter folder, locate the flutter_console.bat file.
  2. Double-click on flutter_console.bat to open a command prompt window specific to Flutter.
  3. Type flutter in the console to view a list of available Flutter commands.

Step 5: Update Environment Variables

  1. Open the System Environment Variables by going to Control Panel > System and Security > System > Advanced System Settings > Environment Variables.
  2. Under the User Variables list, check for the Path variable. If not present, create a new variable and set its value to the flutter\bin directory.
  3. Double-click on the Path variable and add a new entry with the full path to the flutter\bin folder.
  4. Click “OK” to save the changes. Close any existing Command Prompt or PowerShell windows.
Step 6: Set Up Android Tools and Emulator
  1. Download and install Android Studio.
  2. Follow the installation instructions for Android Studio on the official page.
  3. Choose the installation directory and click ‘Install.’
  4. Check ‘Launch Android Studio’ and click ‘Finish.’
  5. On Android Studio’s home screen, click Next > Custom > Next.
  6. Keep the default Java Development Kit location and choose your preferred UI appearance. Click ‘Next.’
  7. In the SDK Components Setup, check the required boxes and click ‘Next.’
  8. Set your desired folder for Android SDK and click ‘Finish.’
  9. Android Studio will install necessary tools; wait for the process to complete.

Step 7: Set Up Flutter SDK Environment Variables

  1. Open Command Prompt and run flutter doctor.
  2. If the Android SDK is not detected, set it as an environment variable.
  3. Go to environment variables, click ‘New,’ and add the SDK’s path.

Step 8: Accept Android Licenses

flutter doctor --android-licenses
  1. Run flutter doctor --android-licenses in Command Prompt.
  2. Accept all licenses when prompted by typing ‘y.’

Step 9: Set Up Android Emulator

For Android Device:

  • Refer to the official documentation for connecting a real Android device.

For Android Emulator:

  1. Open Android Studio and go to Tools > SDK Manager.
  2. Check for the latest SDK version and install if necessary.
  3. Under the ‘SDK Tools’ tab, select Google USB Driver and click ‘Apply.’
  4. Allow the SDK installation to complete.

Step 10: Create Virtual Device (Emulator)

  1. Open Android Studio, go to Tools > AVD Manager.
  2. Click ‘Create Virtual Device,’ choose a device, dimensions, and system image.
  3. Click ‘Finish’ and then click the ‘▶’ button to launch the emulator.
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x