Table of Contents
Flutter has gained big popularity in the last few years, If you are learning Flutter by yourself or following a Flutter Roadmap, these must-have Vscode Extensions will help you to work comfortably with vscode and to multiply your productivity, so without any further words let’s get into the list:
Read Also:
Flutter Roadmap | How To Learn Flutter In 2022 The Right Way
01
of 11
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.
02
of 11
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.
03
of 11
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.
04
of 11
This extension allows matching brackets to be identified with colors. The user can define which tokens to match, and which colors to use.
05
of 11
Create dart data classes easily, fast, and without writing boilerplate or running code generation.
06
of 11
An extension to provide Gradle language support for Visual Studio Code, including advanced functionalities like Syntax Highlighting, Keyword Auto-completion Proposals, and Duplication Validation.
07
of 11
is an extension to get the Material Design icons into your VS Code.
08
of 11
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.
09
of 11
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
of 11
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 printing the message inline.
Comments 4