Top VS Code Extensions for productive development — Flutter💙

VS Code is one of the widely used IDE for Flutter. But there are many ways you can improve your productivity using extensions of VS Code!

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

Feel free to get the extension from the marketplace or search in the extensions part of VS Code!

2. Pubspec Assist

Pubspec Assist is a Visual Studio Code extension that allows you to easily add dependencies and dev dependencies to your Dart and Flutter project’s pubspec.yaml, all without leaving your editor.
Note: In Dart version >2.5, this feature is by default available!

Feel free to get the extension from the marketplace or search in the extensions part of VS Code!

3. bloc

If you are using bloc for state management, this extension will be of great use for you. It will help you to create all required files (event, state and bloc files)!

Feel free to get the extension from the marketplace or search in the extensions part of VS Code!

4. Material Icon Theme

This extension will be mainly helpful for changing the default boring folder and file icons for your Flutter Project!

Feel free to get the extension from the marketplace or search in the extensions part of VS Code!

5. Git History

This extension is really helpful when you are using git for version control. It provides you with git log, file history, commit logs, and many more.

Feel free to get the extension from the marketplace or search in the extensions part of VS Code!

6. GitLens — Git supercharged

GitLens helps you to check who last committed the particular code snippet thereby finding it easy to solve errors!

GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.

Feel free to get the extension from the marketplace or search in the extensions part of VS Code!

7. Error Lens

Errors always occur during development. But to check what error we have, we need to scroll down to the error section of VS Code. Error Lens highlights the line where you have an error or warning and also shows the error or warning besides. Thereby making it really helpful to solve the errors quickly!

Feel free to get the extension from the marketplace or search in the extensions part of VS Code!

This article was just a small informative article to make you more productive while working with Flutter!

Hope you enjoyed this article🎉!

🤝Don’t forget to connect with me on:

Don’t stop, until you are breathing!💙
- Abhishek Doshi

--

--

--

Experts on various Google products talking tech.

Recommended from Medium

Professional

What About Men Who Don’t Cheat.?

Inspecting Docker images without pulling them

Create your Forecast Application with .NET Core and Dockerize it!

DevOps — Fail fast, fail often, recover quickly

Under The Hood Of HTTP!

Related Information about Switshot 2.0

Ways that you can use Africa’s Talking API

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Abhishek Doshi

Abhishek Doshi

Google Developer Expert — Dart, Flutter & Firebase 💙💛

More from Medium

Top 5 Flutter Beginners Project

The Ultimate Guide to Flutter

The Ultimate Guide to Flutter

Flutter Sms Login With Firebase

The Complete 2022 Flutter Development Bootcamp with Dart

The Complete 2022 Flutter Development Bootcamp with Dart