Flutter VSCode Extensions and Shortcuts | Flutter For Beginners

» Flutter courses, writeups, and source code on Launch Club 🧠
LaunchClub.io
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! 🚨
kzbin.info?sub_...
» Socials📱
GitHub: github.com/MarcusNg
Twitter: / marcuslng
» Resources 📁
Writeup: www.launchclub.io/blog/flutte...
VSCode Shortcuts: code.visualstudio.com/docs/ge...
» 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
Link: incompetech.filmmusic.io/song...
License: creativecommons.org/licenses/b...
#Flutter #VSCode #VSCodeExtensions

[@himesh_89]

Glad to see you back..👍👍

[@DuffHuge]

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

[@anastaha1601]

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

[@bmk4308]

So helpful! thanks!

[@someshsahu4638]

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

[@eliabekun]

Fantastic! Thank you so much!

[@samueloluwatodimu6963]

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

[@imyogisingh]

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

[@SingleSeeker]

Great job , save my life !

[@roopaish]

nice i really needed it

[@CdaPlays]

Welcome back bro!!

[@lokeshvaishnav7989]

This video is really helpful

[@Ziboo30]

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 !!

[@siddhikamundada2453]

Thank you so much!!!

[@itsMHmoon]

Smooth video.

[@l1ndi3n]

merci pour ta video from france 😉

[@vishalsata]

Amazing extention start for beginner

[@phoenixaidenking]

Hey now... been waiting for this

[@ejslondontech]

Awesome!

[@faustokeiluhu]

You're the best man 😭

[@offshare2033]

Thanks

[@sergdigital7437]

Cheers m8!

[@devformation]

thanks!

[@blablablabla29382]

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.

[@youssefsabban1069]

thanks

[@relaxmusicssss]

love

[@HusseinMohamed-ej3ch]

Greet video

[@basdfgwe]

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

[@lubianca659]

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.

[@chelvynchristsonimmanuel1453]

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.

[@142inzamamvirk2]

VVVVVVVVV Helpfull

[@mostafahassan724]

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?

[@metwallyhassan456]

Good day , Which is the extention that displays side line

[@maikolsoro1835]

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

[@nowlater2390]

im the 1K thumb upper lol

[@nyackvaughn7863]

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

[@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?

[@masterkhoa]

My "Flutter UI Guides" are misaligned, like they have a weird gap or something.anyone knows how to fix this?

[@mossesboy]

bro how to add gif in vscode background ?

[@hardik395]

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

[@locnhumai1314]

I can not Go to Definition by Ctrl + Click, plz help me

[@premrajs9450]

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 !

[@beytullahay4830]

did you solve this problem?

[@khlchs2231]

you have tutorials on udemy ?

[@birsenbozkurt6923]

my codes auto-scroll when i save i dont want please help me

[@leo3464]

4:36

[@lyricsmint567]

This was awesome.. There's another extension which report errors on the Go, majority of KZbinr use that. Does someone knows the name of it.?

[@jhonydellavalentina3248]

Maybe "ErrorLens"?

[@Maudrandir]

Error Lens

[@prateek1982]

Error lens

[@lyricsmint567]

Seems like "error lens" is what i was looking for..

[@Adarshkumar-lc6bl]

I want to learn flutter . By watching your video . Can I learn that...(flutter) .if yes please reply.Hoping to get a favourable reply.

[@TomSuckAtFinance]

Man in my vscode I can’t find the flutter extension 😓

[@sampathrakesh425]

How much time does it take to install flutter extension for the first time?

[@youssefsabban1069]

it took me while and i didn't know why, then when i restart vscode it took about 3 to 5 minutes i guess