Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Flutter MateNew to Visual Studio Code? Get it now.
Flutter Mate

Flutter Mate

Munasir Pv

|
2 installs
| (2) | Free
The ultimate productivity tool for Flutter: Instant Scaffolding, Smart Asset Manager, Advanced JSON to Dart, Context-Aware Wraps, and more.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Flutter Mate 🧉

Flutter Mate is the ultimate productivity companion for Flutter developers. It combines powerful scaffolding, intelligent code generation, and workflow automation into a single VS Code extension.

Stop writing boilerplate. Start building apps.

🚀 Key Features

1. Instant Project Scaffolding

Kickstart production-ready projects in seconds with standardized architectures.

  • Command: Flutter Mate: Create Project
  • Templates:
    • 🏢 Enterprise BLoC: Clean Architecture + BLoC + Equatable + Freezed
    • 🌊 Enterprise Riverpod: Clean Architecture + Riverpod + Hooks + Freezed
    • 🚤 Modern Riverpod: Feature-first architecture + GoRouter
    • 🏛️ Classic MVVM: Provider + ChangeNotifier
    • ⚡ Rapid MVC: GetX + GetRouter
    • 🍦 Vanilla: Simple, no-dependency structure
  • Includes:
    • Auto-configured pubspec.yaml with essential dependencies (google_fonts, flutter_svg, intl, logger, etc.).
    • Precise folder structures (core, features, data, domain).
    • Dependency injection setup (get_it / ProviderScope).

2. 🧬 Context-Aware Wraps

Intelligent "Wrap with..." options based on your project's state management.

  • Usage: Select a Widget -> Cmd+. (Quick Fix) -> Choose Option.
  • Smart Detection:
    • If flutter_bloc installed: Suggests Wrap with BlocBuilder, Wrap with BlocListener.
    • If flutter_riverpod installed: Suggests Wrap with Consumer.
    • If get installed: Suggests Wrap with Obx.

3. ⚡ Smart Asset Manager

Never type a string path again. Type-safe assets, auto-generated.

  • Usage: Just add/rename/delete files in your assets/ folder.
  • Action: Automatically generates lib/app_assets.dart.
  • Result:
    Image.asset(AppAssets.logoPng); // No more 'assets/images/logo.png'!
    

4. 🔄 Advanced JSON to Dart

Convert raw JSON into production-ready Dart models.

  • Command: Flutter Mate: JSON to Dart Model
  • Modes:
    • Standard: Simple class with fromJson/toJson.
    • Equatable: Extends Equatable for value comparison.
    • Freezed: Generates @freezed class with const factory (requires build_runner).

5. 🧱 Automatic Barrel Files

Clean up your imports with one click.

  • Usage: Right-click any folder in Explorer -> Generate Barrel File.
  • Action: Creates index.dart exporting all files in that directory.

6. 🛠️ Build Runner Status Bar

Toggle your code generation process without the terminal command.

  • Location: Status Bar (Bottom Right).
  • Action: Click $(sync) Watch to start flutter pub run build_runner watch.
  • Feedback: Icon spins green/yellow when running. Click again to stop.

7. 🔍 Pubspec Dependency Lens

Write dependencies faster.

  • Usage: Open pubspec.yaml.
  • Action: Auto-complete package names and get version hints (simulated).

📦 How to Use

  1. Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P).
  2. Type Flutter Mate to see all available commands.
  3. Explore the context menu in the Explorer for file generation tools.

Requirements

  • VS Code ^1.90.0
  • Flutter SDK installed and added to PATH.

Release Notes

0.0.1

  • Initial release of Flutter Mate (formerly Flutter Advanced).
  • Added Project Templates, Smart Assets, and Context Wraps.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft