Best Vs Code or Android Studio Plugins For Flutter/Dart Development

Best Vs Code or Android Studio Plugins For Flutter/Dart Development

Flutter is one of the most popular cross-platform UI frameworks for creating rich mobile, desktop, and web applications. With the rapid growth of Flutter users, a large number of plug-ins and extensions have appeared on the market to help developers increase productivity. In this story, I will introduce you to the best extensions I use for Flutter development in Vs Code or Android Studio.

1. Pubspec Assist
2. Error Lens
3. Flutter Tree
4. Bracket Pain Colorizer 2
5. Dart Data Class Generator

1. Pubspec Assist

Are you tired of searching for the required Flutter and Dart packages in pub. dev? Then, you should try this Pubspec Assist extension. This extension allows you to search for packages without leaving the editor and then add them to the pubspec.yaml file.

2. Error Lens

The Error Lens extension highlights the error line in the code and appends error details at the end of the line. The error icon is also displayed in the gutter.

3. Flutter Tree

When you build an application with a large number of widgets, it is difficult to identify the widgets in the tree. The Flutter Tree extension uses a simplified syntax to create the required widget tree. This makes the creation of the widget tree easier, but you must use its own syntax to do so, as shown below.

OneChild>MultipleChild[OneChild,MultipleChild[OneChild,OneChild],OneChild>OneChild]
OneChild(
    child: MultipleChild(
        children: <Widget>[
            OneChild(),
            MultipleChild(
                children: <Widget>[
                    OneChild(),
                    OneChild(),
                ]
            ),
            OneChild(
                child: OneChild(),
            ),
        ]
    ),
)

4. Bracket Pair Colorizer 2

We often get lost in the maze of nested classes and widgets, wasting a lot of time and energy trying to find the correct pair of parentheses. When positioning a misplaced bracket, the bracket is a savior to shader 2.

5. Dart Data Class Generator

Usually, we ignore creating the required methods in the class. VS Code has a feature that allows you to add missing methods, but you can only add one at a time. The Dart data class generator overcomes this problem by using constructors based on class attributes or raw JSON, copyWith, toMap, fromMap, toJson, fromJson, toString, operator == and hashCode methods to build Dart data classes, as the name suggests.