Setting Up Flutter
Flutter setup is straightforward and well-documented. Let's get your development environment ready so you can start building beautiful apps.
Prerequisites
- Operating System: Windows, macOS, or Linux
- Git: For version control
- IDE: VS Code or Android Studio
Installation Steps
┌─────────────────────────────────────────────────┐
│ Flutter Setup Flow │
├─────────────────────────────────────────────────┤
│ │
│ Step 1: Download Flutter SDK │
│ ┌──────────────────────────────────────┐ │
│ │ git clone https://github.com/ │ │
│ │ flutter/flutter.git │ │
│ └──────────────────────────────────────┘ │
│ │
│ Step 2: Add to PATH │
│ ┌──────────────────────────────────────┐ │
│ │ export PATH="$PATH:flutter/bin" │ │
│ └──────────────────────────────────────┘ │
│ │
│ Step 3: Run Flutter Doctor │
│ ┌──────────────────────────────────────┐ │
│ │ flutter doctor │ │
│ └──────────────────────────────────────┘ │
│ │
│ Step 4: Create Project │
│ ┌──────────────────────────────────────┐ │
│ │ flutter create my_app │ │
│ │ cd my_app │ │
│ │ flutter run │ │
│ └──────────────────────────────────────┘ │
│ │
└─────────────────────────────────────────────────┘
Creating Your First Project
# Create a new Flutter project
flutter create my_first_app
# Navigate to the project
cd my_first_app
# Run the app on connected device or emulator
flutter run
Project Structure
my_first_app/
├── lib/ # Main Dart code
│ └── main.dart # App entry point
├── test/ # Unit and widget tests
├── android/ # Android-specific code
├── ios/ # iOS-specific code
├── web/ # Web-specific code
├── pubspec.yaml # Dependencies and assets
└── README.md