The ultimate collection of vscode extensions for flutter.
Tags: flutter, dart, vscode
Published: 2021-04-19 17:38:47

Flutter has been gained big popularity in the last few years, and today I'm going to show you the must-have Vscode Extensions to work comfortably with it and to multiply your productivity, so without any further words let go into it! 

1-**[Flutter ](https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter) :**
This VS Code extension adds support for effectively editing, refactoring, running, and reloading Flutter mobile apps, as well as support for the Dart programming language.

2-**[Dart](https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code) :**
Dart Code extends VS Code with support for the Dart programming language and provides tools for effectively editing, refactoring, running, and reloading Flutter mobile apps, and  [AngularDart](https://github.com/angulardart/angular) web apps.

 3-**[Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments):**
Better Comments
The Better Comments extension will help you create more human-friendly comments in your code.
With this extension, you will be able to categorize your annotations into:


- Alerts
- Queries
- TODOs
- Highlights

Commented out code can also be styled to make it clear the code shouldn't be there
Any other comment styles you'd like can be specified in the settings.

4-**[Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2):**
This extension allows matching brackets to be identified with colors. The user can define which tokens to match, and which colors to use

5-**[Dart Data Class Generator](https://marketplace.visualstudio.com/items?itemName=BendixMa.dart-data-class-generator):**
Create dart data classes easily, fast, and without writing boilerplate or running code generation.

6- **[Gradle Language Support](https://marketplace.visualstudio.com/items?itemName=naco-siren.gradle-language):**
An extension to provide Gradle language support for Visual Studio Code, including advanced functionalities like Syntax Highlighting, Keyword Auto-completion Proposals, and Duplication Validation.

7-**[Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme):** an extension to get the Material Design icons into your VS Code.

8-**[Pubspec Assist](https://marketplace.visualstudio.com/items?itemName=jeroen-meijer.pubspec-assist):**
Pubspec Assist is a Visual Studio Code extension that allows you to easily add dependencies to your Dart and Flutter project's pubspec.yaml, all without leaving your editor.

9-**[Awesome Flutter Snippets](https://marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets):**
Awesome Flutter Snippets is a collection of commonly used Flutter classes and methods. It increases your speed of development by eliminating most of the boilerplate code associated with creating a widget

10- **[Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens):**
ErrorLens turbo-charges language diagnostic features by making diagnostics stand out more prominently, highlighting the entire line wherever a diagnostic is generated by the language and also prints the message inline.

Did I miss any extensions? Let me know in the comments.
If you find this useful give it a like and don't forget to follow me on  [Instagram](https://www.instagram.com/yassine_dev1/) and on my  [Blog](https://yassine-bennkhay.tech/) for more useful stuff about flutter.