6 Most Useful VS Code Extensions for Flutter

1. Pubspec Assist

Pubspec Assist is a Visual Studio Code extension that allows you to easily add dependencies to your Dart and Flutter projects' pubspec.yaml, all without leaving your editor.

Just open the Command Palette (Ctrl+Shift+P on Windows by default, ⌘+Shift+P on Mac) and search for "Pubspec Assist".

2. Material Icon Theme

This extension provides beautiful icons for your file list. If the file is JavaScript, then it will include a JavaScript icon in the material styles next to the filename. If you are more of a visual developer, this extension is for you. It is widely used by millions of users.

3. Awesome Flutter Snippets

Awesome Flutter Snippets is a collection of commonly used Flutter classes and methods. It increases your development speed by eliminating much of the boilerplate code associated with creating widgets. Widgets such as StreamBuilder and SingleChildScrollView can be created by typing the shortcuts streamBldr and singleChildSV respectively.

characteristic:

• Speed up development
• Eliminate boilerplate
• Support for complex widgets (eg: Custom Clipper and Custom Paint)

4. Bloc

You can activate a command by launching the Command Palette (View -> Command Palette) and running enter the command name, or you can right-click the directory where you want to create the bloc/cubit and select the command menu from the context.

5. Error Lens

ErrorLens enhances language diagnostics by making diagnostics more prominent, highlighting entire lines wherever the language generates diagnostics, and printing messages inline.

characteristic:

• Highlight lines containing diagnostics
• Append diagnostics as text to end of line
• show icon in gutter
• Display a message in the status bar

6. Json to Dart Model

Given a JSON string, this library will generate all necessary Dart classes to parse and generate JSON in a safe manner, as the generator supports jsonc and json . Also aims to generate Flutter-friendly model classes based on Flutter's documentation recommendations and Effective Dart: Style . The extension supports serializing JSON manually and using code generation libraries such as Freezed and Json Serializable.