Flutter VSCode Extensions and Shortcuts | Flutter For Beginners

» Flutter courses, writeups, and source code on Launch Club 🧠

VSCode is one of the most popular editors for making Flutter apps due to its great integration enabled by extensions. These are my favorite extensions and shortcuts that save me a huge amount of time every day. I hope these tips will help out beginners and advanced users alike.

» Remember to like, subscribe, comment, and share this video! 🚨

» Socials📱

» Resources 📁

» Timestamps 🕒
0:00 Introduction
0:41 Extensions Panel
0:53 Extension: Flutter and Dart
1:23 Extension: Awesome Flutter Snippets
1:50 Extension: Bracket Pair Colorizer 2
2:04 Extension: Material Icon Theme
2:25 Extension: Pubspec Assist
3:05 Extension: Bloc
3:39 Extension: Dart Data Class Generator
4:36 Bonus Tip: Preview Flutter UI Guides
4:49 Shortcut: Format
5:01 Shortcut: Quick Fix
5:14 Shortcut: Command Palette
5:31 Shortcut: Quick Open
5:45 Shortcut: Move Line(s)
6:02 Shortcut: Add Selection to Next Find Match
6:20 Shortcut: Rename
6:32 Shortcut: Go to Definition
6:45 Shortcut: Remove Unused Imports
6:57 Shortcut: Toggle Comment
7:07 Doge
7:25 Thanks For Watching

» Music 🎶
Inspired by Kevin MacLeod

#Flutter #VSCode #VSCodeExtensions

[samueloluwatodimu]

Welcome back it's been a while we have very much missed you

[piripino]

I love you!!! Simple, clear, love the bg music chill, no information overload mwahhh

[DuffHuge]

This was a lifesaver as I've made the switch to VSCode.

[someshsahu]

Very nice explanation thankyou so much 🙏🏼🙏🏼🙏🏼

[mossesboy]

bro how to add gif in vscode background ?

[Ziboo]

Just discovered your videos and super helpful !! Thanks a lot. Any chance you could do a tutorial on the best way to save data between sessions ? Thanks !!

[anastaha]

This was very helpful, Thanks for sharing with us :D

[metwallyhassan]

Good day,
Which is the extention that displays side line

[lyricsmint]

This was awesome..


There's another extension which report errors on the Go, majority of YouTuber use that.


Does someone knows the name of it.?

[blablablabla]

Tat's why i use intelij, most of your tricks already exist by default and are more user friendly / automatique, but that's cool for vscode users.

[imyogisingh]

Thanku sir ! It will help us a lot and save our time 😊

[maikolsoro]

What is the name of the line that puts vscode of the widgets ?

[chelvynchristsonimmanuel]

hi, what a usefull trick. I'm a intellij user but recently due to increase in RAM consume of intellij I start choosing vscode. I wonder does vscode have a shortcut for reformating a whole code in a file which in intellij idea using ctrl+shift+alt+l.

[basdfgwe]

Hey how did you highlight parts of vscode in your video?

[fal_tee]

I simply do not get that extension panel. I do have extensions but when I search for flutter there, it says no results found. Is it something about having the VS community version?

[nyackvaughn]

can you make a beginner video on flutter cause i want to create apps

[premrajs]

Can you tell me how to select a whole widget ? It's kind of different in VS code, in Android Studio if I shrunk the widget and hit copy, the whole widget will be copied. But if I do the same here only the widget name gets copied like Container, Text, Foo etc.
Great video btw !

[mostafahassan]

The code in your video is not formatted by the auto format of vs code, is it? Can you tell me please if there is any preferable setting to apply to format the code as you do?

[lubianca]

hello i want to ask, i already instal Bloc extension but when i try to right click wraped text it won't show any option like "wrap with widget" etc.

[hardik]

Heyy
I have installed the dart data class generator. But Ctrl+. isn't working, it just shows no code actions available. Please help...