DEV Community

loading...

Best VS Code extensions for Flutter Developers.

priyanshucoderx profile image Priyanshu ・2 min read

Alt Text

As a Flutter beginner, I always used to get confused while coding in Flutter but these extensions saved my day.

Flutter & Dart are the must have extension and it's the most basic extension that you will need in VS Code to work with Flutter

1. Bracket Colorizer 2

Bracket Colorizer 2 Logo

This extension helps to match the brackets with same colors and make's the code much more easily readable and understandable. This extension becomes a life saver as it colors a pair of bracket's with same colors and makes the block of code visible.

BC2

2. Error Lens

Error Lens

Error Lens help's to display the error's in front of you in that line where the error has occurred and this also saves a lot of time and makes it much more easier for you to code

3. Pubspec Assist

Pubspec assists help's you to get the latest version of packages.It searches for the packages directly from the VS Code and adds it to pubspec.yaml and let's you not to visit pub.dev to check for the package and saves a lot of time

Pubspec Assist Demo

4. Awesome Flutter Snippets

Alt Text

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. Widgets such as StreamBuilder and SingleChildScrollView can be created by typing the shortcut streamBldr and singleChildSV respectively.

5. Image Preview

Alt Text

Image Preview help's to preview images that are loaded on the script. This make's it easy to preview the image.

Alt text

IF YOU LIKED MY CONTENT & I WILL BE UPLOAING MORE BUT IF YOU LIKE TO SUPPORT ME SUBSCRIBE MY CHANNEL.
Link: https://youtube.com/c/CodersLane

Discussion

pic
Editor guide