The absolute best VS Code Plugins for Flutter development

Flutter Feb 11, 2019

I've been working with Flutter in Visual Studio Code for almost a year now, and it drastically accelerated mobile development for me. Flutter makes it painless to craft aesthetic UIs. Gone are the days of XML layouts. Coupled with Visual Studio Code and these incredible plugins, the Flutter experience is butter smooth. Without further ado, here are my top plugin picks for better fluttering.

Flutter + Dart

Inevitably, first on the list is the official Flutter plugin by Danny Tuppeny. These add syntax highlighting, suggestions/fixes, snippets and debugging support. Download here.

Bracket Pair Colorizer

No more eye-strain while trying to find brackets!

There are a lot of brackets in Flutter code. Once you start nesting widgets, it becomes strenuous to locate the brackets' pairs. Thankfully, Better Brackets plugin makes it painless. Get it here.

Material Theme + Material Icons

Sexy! ๐Ÿ˜

These two plugins are fantastic to make your VSCode work space aesthetic. With 8 different themes and hundreds of flat icons, it doesn't get better than this. My personal favorites are Ocean and Palenight. Download. Now.

Pubspec Assist

Um, wow.

This one's a godsend. Once you start fluttering, you will find yourself often leaving the editor and heading to Dart Pub to copy some dependency text, or to find the latest version number. ย Use Pubspec Assist and never mess up your flow again.

Better Comments

Better comments makes it easier to read comments through color coding. There's one major feature left out in the above screenshot, and that's the ability to set TODOs. They'll even appear in your Problems tab in the side/bottom panel, just like in IntelliJ. What's more, you can also set custom styling. Write Better Comments.


Last but not the least, GitLens integrates numerous Git features into Visual Studio Code. You can jump between repositories, see who wrote that line, when and why it was changed, switch between commits in the past, and more. Let's Git coding.

Bonus: Move Bottom Panel to the side.

Having the Panel at the bottom takes up a lot of space that you could use to read more code. Move your panel to the side instead (your code shouldn't exceed 80 chars anyway) to use space more efficiently. Open Settings by hitting Ctrl + ,. Then, search for "Panel location". Change it from bottom ย to right.

Well, that's about it. ย These plugins are all epic, and the contributors behind them deserve a huge thanks. Do you know of any other gem? Let me know below ๐Ÿ‘‡


Kifah Meeran (MaskyS)

Hi, I'm Kifah, a creator from Mauritius. I read code, books, and people. I'm also passionate about cogsci, design, programming, and life in general. More about me on

Great! You've successfully subscribed.
Great! Next, complete checkout for full access.
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.