Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>🧨Flutter Boom🧨New to Visual Studio Code? Get it now.
🧨Flutter Boom🧨

🧨Flutter Boom🧨

DEVigodE

|
98 installs
| (0) | Free
Make your life easier with Flutter and Dart
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

flutter-dart-utils README

Extension that assists in the creation of tests, interfaces, classes and to work with clean architecture, 3-tiers or MVC having the possibility to create features and create tests folder.

  • Dart Snippets
  • Flutter Snippets
  • Modular Snippets
  • Modular-old Snippets
  • Mobx Snippets
  • Cubit Snippets
  • flutter_bloc Snippets
  • Mockito Snippets
  • GetX Snippets
  • Shelf Snippets
  • Dio Snippets

Installation

Flutter Utils can be installed from the VSCode Marketplace or by searching within VSCode.

Youtube movie for examples

Youtube (https://youtu.be/YlL0KJhDFEM)

Features Wrap With

Important!!! Select the full widget to find these options

Features Wrap With
Wrap with LayoutBuilder
Wrap with Builder
Wrap with ValueListenableBuilder
Wrap with Consumer
Wrap with MobX Observer
Wrap with Obx
Wrap with Getx
Wrap with Watch of Signals

Menu Features:

Menu Features
Flutter Modular: New Feature

Dart Snippets Usage

Shortcut Description
fb-freezed Creates a Freezed class
fb-freezed-json-serializable Creates a Freezed with JsonSerializable
fb-interface Creates a Interfaces
fb-class-interface Creates a Classes with interface
fb-callable-class Create a Callable Classes
fb-d-test-init Create a dart tests
fb-class Create class with file name
fb-class-singleton Create a singleton class with file name
fb-class-equatable Create class with file name and add Equatable
fb-constructor Create constructor with file name based
fb-private-constructor Create private constructor with file name based
fb-static-attribute Create static atribute in class
fb-zero-delay Create Future.delayed zero
fb-seconds-delay Create Future.delayed in seconds
fb-milliseconds-delay Create Future.delayed in milliseconds
fb-mixin Create mixin with file name
fb-enum Create enum with file name
fb-extension Create extension with file name

Flutter Snippets Usage

Shortcut Description
fb-stl Create StatelessWidget with Scaffold and AppBar
fb-stls Create StatelessWidget with super.key, Scaffold and AppBar
fb-stf Create StatefulWidget with Scaffold and AppBar
fb-stfs Create StatefulWidget with with super.key, Scaffold and AppBar
fb-f-test-init Create a dart tests
fb-change-notifier Create change notifier class
fb-value-notifier Create ValueNotifier
fb-text-editing-controller Create TextEditingController
fb-separator Create SizedBox separator
fb-form-key Create formKey GlobalKey
fb-part Add a part based file name ex: home_controller -> home_controller.g.dart
fb-mediaquery Put MediaQuery.of
fb-sw Get Screen size width from MediaQuery
fb-sh Get Screen size height from MediaQuery
fb-navigator Put Navigator.of(context).
fb-snackbar Put ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('$1')))
fb-postframecallback Put WidgetsBinding.instance.addPostFrameCallback

Aqueduct Snippets Usage

Shortcut Description
fb-aqu-operation Creates aqueduct operation
fb-aqu-serializable Creates aqueduct class serializable

Json Serializable

Shortcut Description
fb-class-json-serializable Generate class with json_serializable pattern

Modular Old Version Snippets Usage

Shortcut Description
fb-modular-old-router-child Creates router with page
fb-modular-old-router Creates router module
fb-modular-old-initial-router-module Creates router module with Modular.initialRoute
fb-modular-old-initial-router-child Creates router page with Modular.initialRoute
fb-modular-old-bind Create Bind for modular
fb-modular-old_codegen_inject Modular codegen inject
fb-modular-old_module Create Module

Modular Snippets Usage

Shortcut Description
fb-modular-initial-config Create a initial config main.dart
fb-modular-app-widget Create a initial config main.dart
fb-modular-router-child Creates router with page
fb-modular-router Creates router module
fb-modular-initial-router-child Creates router page with Modular.initialRoute
fb-modular-bind-factory Create Bind Factory for modular
fb-modular-bind-factory-cc Create Bind Factory for modular with interface and clean code pattern
fb-modular-bind-instance Create Bind Instance for modular
fb-modular-bind-instance-cc Create Bind Instance for modular with interface and clean code pattern
fb-modular-bind-singleton Create Bind Singleton for modular
fb-modular-bind-lazySingleton Create Bind Lazy Singleton for modular with interface
fb-modular-bind-lazySingleton-cc Create Bind Lazy Singleton for modular with interface and clean code pattern
fb-modular-bind-factory-interface Create Bind Factory for modular with interface
fb-modular-bind-instance-interface Create Bind Instance for modular with interface
fb-modular-bind-singleton-interface Create Bind Singleton for modular with interface
fb-modular-bind-lazySingleton-interface Create Bind Lazy Singleton for modular with interface
fb-modular_module Create Module

Flutter Bloc Snippets Usage

Shortcut Description
fb-bloctransform Override transformEvents method

Cubit Snippets Usage

Shortcut Description
fb-cubitot Override onTransition method
fb-cubitaction Create cubit function action

Mockito Snippets Usage

Shortcut Description
fb-test-when-async Add when mockito async
fb-test-when Add when mockito sync
fb-test-when-throw Add when mockito sync
fb-test-mock Create a mock class

Flutter Provider Snippets Usage

Shortcut Description
fb-provider-watch context.watch
fb-provider-read context.watch
fb-provider-select context.select

Flutter GetX Snippets Usage

Shortcut Description
fb-getxbinding Create Binding
fb-getxcontroller Create Controller
fb-getxrx Create Rx variable
fb-getxobs Create .obs variable
fb-getxoninit Create onInit method
fb-getxonclose Create onClose method
fb-getxpage Create Page with GetView

Shelf/Shelf-Router Snippets Usage

Shortcut Description
fb-shelf-controller Create Controller with shelf-router
fb-shelf-operation Create Rest Operation

Dio Snippets Usage

Shortcut Description
fb-dio-template-request Template for repositories

Generate folders for MVC architecture

demo

Generate dart interface

demo

Generate dart class

demo

Implements dart interface

demo

Generate folders clean architecture for backend

demo

Generate folders clean architecture for flutter

demo

Generate folders 3-tiers architecture

demo

Generate folder for test

demo

Wrap with Consumer

demo

Wrap with ValueListenableBuilder

demo

Wrap with Builder

demo

Wrap with LayoutBuilder

demo

Requirements

Extension Settings

Known Issues

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft