Yassine BENNKHAY's Blog

Yassine BENNKHAY's Blog

The ultimate collection of vscode extensions for flutter

The ultimate collection of vscode extensions for flutter

Published on Apr 18, 2021

2 min read

Subscribe to my newsletter and never miss my upcoming articles

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 : 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 : 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 web apps.

3-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: 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: Create dart data classes easily, fast, and without writing boilerplate or running code generation.

6- Gradle Language Support: 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: an extension to get the Material Design icons into your VS Code.

8-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: 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: 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 for more useful stuff about flutter.

Share this