Dec 11, 2021
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
