Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Flutter MVC GeneratorNew to Visual Studio Code? Get it now.
Flutter MVC Generator

Flutter MVC Generator

Kurosh

|
38,814 installs
| (1) | Free
Visual studio code extension to generate MVC and MV patterns template code using Provider for flutter
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Flutter Extensions GitHub

Flutter MVC Architecture Generator Visual Studio Marketplace Version

Visual studio code extension to generate MVC and MV patterns template code using providers

Features

Create MV

The create MV command or menu will add a MV.

MV Structure

Create MV command

Create MV menu

Example

If you give parameter for class name as home, the extension will create a directory structure like this

--root
    |-- android
    |-- ios
    |-- lib
        |-- components
        |-- models
            |-- home
                |-- home_model.dart
        |-- views
            |-- home
                |-- components
                |-- layouts
                |-- home_view.dart
        |-- main.dart
    |-- test
    |-- pubspec.yaml

It will also add the following dependencies to the pubspec.yaml file

  • provider: ^4.0.4

Create MVC

The create MVC command or menu will add a MVC.

MVC Structure

Create MVC command

Create MVC menu

Example

If you give parameter for class name as home, the extension will create a directory structure like this

--root
    |-- android
    |-- ios
    |-- lib
        |-- components
        |-- models
            |-- home
                |-- home_model.dart
        |-- views
            |-- home
                |-- components
                |-- layouts
                |-- home_view.dart
        |-- controllers
            |-- home
                |-- home_controller.dart
        |-- main.dart
    |-- test
    |-- pubspec.yaml

It will also add the following dependencies to the pubspec.yaml file

  • provider: ^4.0.4

Create Model

The create model command or menu will add a Model.

Create Model command

Create Model menu

Example

If you give parameter for class name as home, the extension will create a directory structure like this

--root
    |-- android
    |-- ios
    |-- lib
        |-- models
            |-- home
                |-- home_model.dart
        |-- main.dart
    |-- test
    |-- pubspec.yaml

It will also add the following dependencies to the pubspec.yaml file

  • provider: ^4.0.4

Create View

The create view command or menu will add a View.

Create View command

Create View menu

Example

If you give parameter for class name as home, the extension will create a directory structure like this

--root
    |-- android
    |-- ios
    |-- lib
        |-- components
        |-- views
            |-- home
                |-- components
                |-- layouts
                |-- home_view.dart
        |-- main.dart
    |-- test
    |-- pubspec.yaml

It will also add the following dependencies to the pubspec.yaml file

  • provider: ^4.0.4

Create Controller

The create controller command or menu will add a Controller.

Create Controller command

Create Controller menu

Example

If you give parameter for class name as home, the extension will create a directory structure like this

--root
    |-- android
    |-- ios
    |-- lib
        |-- controllers
            |-- home
                |-- home_controller.dart
        |-- main.dart
    |-- test
    |-- pubspec.yaml

It will also add the following dependencies to the pubspec.yaml file

  • provider: ^4.0.4

Example code

MVC Demo

MVC Demo

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