Skip to main content

Step by step guide to installing Flutter on Windows

 


Step 1: System Requirements

Ensure your system meets the following requirements:

  • Operating System: Windows 10 or later (64-bit).
  • Disk Space: 1.64 GB (minimum) for Flutter SDK, plus additional space for IDE/tools.
  • Tools:
    • Git for Windows: Download here.
    • Command Prompt (cmd) or PowerShell.

Step 2: Download Flutter SDK

  1. Go to the official Flutter website.
  2. Download the Windows Flutter SDK .zip file.
  3. Extract the .zip file to a directory, such as C:\src\flutter.

Step 3: Add Flutter to System PATH

  1. Open Environment Variables:
    • Search for "Environment Variables" in the Windows Start menu.
    • Click Edit the system environment variables > Environment Variables.
  2. Under System variables, find and select the Path variable.
  3. Click Edit and add the path to the Flutter bin directory (e.g., C:\src\flutter\bin).

Step 4: Verify Installation

  1. Open a new Command Prompt or PowerShell window.
  2. Run:
    bash
    flutter doctor
    • This checks your installation and lists missing dependencies.

Step 5: Install Android Studio

  1. Download and install Android Studio.
  2. Open Android Studio and go to Settings > SDK Manager.
    • Install the Android SDK and SDK Platform Tools.
    • Install Android Virtual Device (AVD) for emulators.
  3. Set up an Android Emulator:
    • Open AVD Manager in Android Studio.
    • Create a virtual device.

Step 6: Install Flutter Plugins in Android Studio

  1. In Android Studio, go to File > Settings > Plugins.
  2. Search for "Flutter" and click Install.
    • This also installs the Dart plugin automatically.

Step 7: Configure an Editor (Optional)

  • Visual Studio Code (VS Code):
    • Install VS Code.
    • Add the Flutter and Dart extensions from the VS Code marketplace.

Step 8: Run a Test Flutter App

  1. Create a new project:
    bash
    flutter create my_first_app
cd my_first_app
  2. Run the app on an emulator or connected device:
    bash
    flutter run

Troubleshooting Tips

  • If flutter doctor shows errors, follow the recommended fixes.
  • Ensure Android SDK is properly installed and linked by setting the ANDROID_HOME environment variable.
  • Update Flutter regularly with:
    bash
    flutter upgrade

With these steps, Flutter should be successfully installed on your Windows machine.

Comments

Post a Comment

Your Complete Flutter Roadmap: From Beginner to Pro

📱 Flutter ListTile and ListView: Explained with Easy Examples

Flutter ListTile and ListView: When you start learning Flutter, two widgets often confuse beginners: ListTile  &  ListView . Both are used to display items in a list, but their purpose is different. Let’s break them down in a simple way. 🔹 What is ListTile in Flutter? ListTile is a ready-made widget used to show a single row (one item). It usually contains: title (main text) subtitle (small text under the title) leading (icon/image on the left) trailing (icon/text on the right) 👉 Think of ListTile as a single row card inside a list. ✅ Example of ListTile: import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: const Text("Flutter ListTile Example")), body: const ListTile( leading:...
Post a Comment
Read more

🌀 Flutter App Lifecycle – Easy Way to Understand

  When you build an app in Flutter , it goes through different states depending on how the user interacts with it (open, minimize, back button, etc). Think of it like a human day cycle – Wake up → Active → Sleep → Wake again . 🌱 1. main() – Birth of the App Every Flutter app starts from the main() function. void main() { runApp(MyApp()); } 👉 This is like turning ON the lights – your app is born. 🏗 2. Widgets Lifecycle In Flutter, everything is a Widget . There are two main types: StatelessWidget → UI that doesn’t change. StatefulWidget → UI that changes with user interaction. For StatefulWidget , the lifecycle looks like this: 🔹 When Widget is created createState() → Creates a State object (like preparing memory). initState() → First time setup (like waking up, stretching, preparing breakfast). Best place for API calls , animation controllers , initial values . 🔹 When Widget builds build() → Renders UI (like dressin...
Post a Comment
Read more

Flutter AppBar with an Easy Example

  In Flutter, the AppBar is a simple yet powerful widget that provides the top app bar typically found in mobile applications. It is a critical part of your app's layout and design, giving users easy access to navigation, search, actions, and other features in your app. In this blog post, we will explore the AppBar widget in Flutter, how to customize it, and provide a simple example to help you get started. ------------------------------------------------------------------------ What is an AppBar in Flutter? The AppBar widget in Flutter is a material design app bar that can be used to display titles, icons, action buttons, and other important elements at the top of your app screen. The AppBar is usually placed inside a Scaffold widget, which provides a basic layout structure for the app.  Key Features of AppBar : Title : Displays the main title of the screen. Actions : Typically used to place action icons like search or menu buttons. Lead...
Post a Comment
Read more