Skip to main content

Command Palette

Search for a command to run...

The ultimate collection of vscode extensions for flutter

Updated
2 min read
The ultimate collection of vscode extensions for flutter
Y

Hi, my name is Yassine BENNKHAY I'm a CS student. I have passionate about developing flutter Apps.

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.