awesome_flutter_extensions icon indicating copy to clipboard operation
awesome_flutter_extensions copied to clipboard

A curated list of the most popular extensions for dart / Flutter development in various IDEs including Visual Studio Code, IntelliJ IDEA, and Android Studio

Awesome Flutter Extensions

Awesome

This repository contains a curated list of the most popular extensions for Flutter development in various integrated development environments (IDEs) including Visual Studio Code, IntelliJ IDEA, and Android Studio. The extensions listed here are aimed at enhancing the development experience and productivity when working with Flutter and Dart.

Table of Contents

  • Visual Studio Code
  • IntelliJ IDEA
  • Android Studio

Visual Studio Code

Extension Description
Dart Official extension for Dart support in VS Code. Provides syntax highlighting, IntelliSense, debugging, and more.
Flutter Official extension for Flutter development in VS Code. Offers Flutter-specific commands, project templates, and hot reload.
Flutter Intl Flutter localization binding from .arb files with official Intl library
Pubspec Assist Simplifies the process of adding dependencies to your pubspec.yaml file by providing autocompletion and version selection.
bloc Support for the bloc library and provides tools for effectively creating blocs for both Flutter and AngularDart apps.
Dart Barrel Export File Generator Create barrel file that exports the files in current directory. This allows for importing whole folders in batch instead of importing each file one by one. Creates index.dart and dir_name.dart.
Dart Part Generator Extension to generate Dart part files quickly. Open a dart file, select this command, write a file name. The new dart file with the part of will be created and the part 'path to new file'; will be added to the original file.
Flutter Coverage VSCeode Extension for view the code coverage per folder/file in the test view
Flutter Tree Extension for Flutter to build basic widget tree.
Version Lens Shows the latest version for each package using code lens
Dart Data Class Generator Create dart data classes easily, fast and without writing boilerplate or running code generation.
Awesome Flutter Snippets Awesome Flutter Snippets is a collection snippets and shortcuts for commonly used Flutter functions and classes
Flutter Color This plugin help you to easily visualize the color.
Image preview Shows image preview in the gutter and on hover
FlutterGPT: Supercharged Dev Experiment Use ChatGPT right inside your IDE to create, refactor and debug Flutter code.

IntelliJ IDEA

Plugin Description
Flutter Official plugin for Flutter development in IntelliJ IDEA. Offers Flutter-specific features like hot reload, widget inspector, and integrated testing.
Dart Official plugin for Dart support in IntelliJ IDEA. Provides code analysis, code completion, refactoring, and more.
Flutter Enhancement Suite Collection of productivity enhancements for Flutter developers, including code generation, file templates, and live templates.
Flutter Intl Simplifies internationalization in Flutter projects by generating localization code and managing translations.
bloc Bloc Library Tools for effectively creating blocs and cubits for both Flutter and AngularDart apps.
ImagePreview A preview image url plugin, when you define an image url, you can preview it content and size in IDE

Android Studio

Plugin Description
Flutter Official plugin for Flutter development in Android Studio. Offers Flutter-specific features like hot reload, widget inspector, and integrated testing.
Dart Official plugin for Dart support in Android Studio. Provides code analysis, code completion, refactoring, and more.
Flutter Enhancement Suite Collection of productivity enhancements for Flutter developers, including code generation, file templates, and live templates.
Flutter Intl Simplifies internationalization in Flutter projects by generating localization code and managing translations.
bloc Bloc Library Tools for effectively creating blocs and cubits for both Flutter and AngularDart apps.
ImagePreview A preview image url plugin, when you define an image url, you can preview it content and size in IDE
Nested Brackets Colorer Coloring nested round (), *angled <>, *braces {} and *square [] brackets starting from the second level
Highlight Colors for Compose Draws rectangle on editor's gutter denoting the color
Flutter Pub Version Checker Inspects your pubspec.yaml file to find if you're using the latest package versions from the pub.dev - the official package repository for Flutter and Dart apps.