bloc

Bloc

Overview

VSCode support for the Bloc Library and provides tools for effectively creating Blocs and Cubits for both Flutter and AngularDart apps.

Installation

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

Language Server

By default, the bloc language server started which enables custom bloc diagnotic reporting. See [https://pub.dev/packages/bloc_lint] for more information about supported lint rules.

Commands

Command	Description
`Bloc: New Bloc`	Generate a new Bloc
`Cubit: New Cubit`	Generate a new Cubit

You can activate the commands by launching the command palette (View -> Command Palette) and running entering the command name or you can right click on the directory in which you'd like to create the bloc/cubit and select the command from the context menu.

demo

Code Actions

Action	Description
`Convert to MultiBlocListener`	Converts current `BlocListener` into a `MultiBlocListener`
`Convert to MultiBlocProvider`	Converts current `BlocProvider` into a `MultiBlocProvider`
`Convert to MultiRepositoryProvider`	Converts current `RepositoryProvider` into a `MultiRepositoryProvider`
`Wrap with BlocBuilder`	Wraps current widget in a `BlocBuilder`
`Wrap with BlocSelector`	Wraps current widget in a `BlocSelector`
`Wrap with BlocListener`	Wraps current widget in a `BlocListener`
`Wrap with BlocConsumer`	Wraps current widget in a `BlocConsumer`
`Wrap with BlocProvider`	Wraps current widget in a `BlocProvider`
`Wrap with RepositoryProvider`	Wraps current widget in a `RepositoryProvider`