VSCode Extensions | Top 5 VSCode Extensions!

[@wyxdvideo]

TImeline: #1. Material Theme 0:22 #2. Material Icon Theme 2:02 #3. Auto rename tag 2:34 #4. Live Server 3:20 #5. Better Comments 4:32 #6. CSS Peak 6:10 #7. Live Sass Compiler 7:29 #8. Prettier 9:03

[@user-not-found-97]

Thank you for giving shortcut.

[@mekelilyasa9561]

Thanks dude

[@kyousukehasegawa6886]

Is it better i uninstall beautify and install prettier?

[@सनातन_Surya]

Thank you, for info. It help me.

[@rroossyyiidd]

thanks a lot

[@oz2770]

He's like the programmer version of PewDiePie.

[@tasnimzia4499]

Or jacksepticeye

[@dasjoy1267]

True ha ha

[@justusstern9125]

That`s not fair ! Pew is an utter idiot, Ed NOT !!!

[@underdashgamergirl2721]

OMG that's what I thought!~ AhAAhhahaha

[@abualasif]

BRO I thought the same

[@GoogleUser-nx3wp]

Surely the best ever extensions i literally jumped out of my bed to install them

[@IvoryEatsTheWorld7]

Man, your channel is pure gold !! Thank you so much, I hope you channel grow a lot this year!

[@RobertWildling]

"auto rename tags" should REALLY be a standard function of the editor!!

[@PowJey]

@SkuraZZ just F12?

[@lucastperez]

Only problem is that when trying to code some react it can have weird interactions with closing fragments and a new tag you just created. ): {/* stuff here *}

[@zhotpotrecipe]

It is now.

[@arunjaisankar]

Hi, this is arunjogle... Your channel is so pretty like you... I pray everyday for you to grow faster than before👍 don't stop it.. Keep rocking...

[@bjerz23]

BRACKET PAIR COLORIZER 2 Trust me

[@vaibhavdn-builds]

Really very useful

[@FouadBallan]

Yessssss

[@hime-kamisama]

Don't really like it for me

[@911madza]

what are feature updates from first version? worth upgrading?

[@kresimircosic3753]

@@911madza v2 Uses the same bracket parsing engine as VSCode, greatly increasing speed and accuracy. A new version was released because settings were cleaned up, breaking backwards compatibility. states inside the v2 docs

[@true_visual]

For those that prettier doesn't work: File > Preferences > Settings > Search for "default formatter" Make sure your Editor: Default Formatter field is not null but rather "Prettier - Code formatter" and that all the languages below are ticked. This fixed my issue. ~Found this on the internet~

[@rphuntarchive1]

Usually I don't find these kinds of recommendations useful, but this is a great list, thanks.

[@devjeff3192]

Your videos are awesome bro !!!! Plz, never give it up !!!!

[@developedbyed]

Let me know what your favorite extension is!

[@programminggod4716]

CSS Peak

[@vyasramankulangara8804]

Auto import, works great with React

[@ediltalantbekov]

All of this will be my favourite extensions

[@p.s29]

Bracket Pair Colorizer

[@daanbreur]

what do you use for that autocomplete? so if you type h1 class and it makes

[@vurj]

Your videos are always so helpful and enjoyable to watch. Thanks so much for continuing to release such good quality content so frequently. Keep up the good work!

[@developedbyed]

Doing my best to go full time and release quality content. Thank you very much!

[@JustinMacri007]

@@developedbyedI wish we can be freinds

[@shivanshshalabh]

SynthWave '84 I think it is the best theme available on VS Code (personal opinion). I would recommend everyone to try it atleast once.

[@EWorldHub]

Superb 🔥🔥🔥❤️

[@khayazikhali]

You are a real one man.. I appreciate these videos

[@mr.webdev3700]

Thanks for the video! It looks like a lot of people were waiting for this one. Good Job!

[@mr_saudcomputerlessons6622]

One of the best video for any programmer

[@tejassuhagiya9213]

Hey , your videos are awesome!

[@toofanicoder]

VScode is awesome ♥️♥️♥️🔥🔥🔥

[@bokyle5240]

Thanks!! You saved my life!

[@allegro1355]

Thank you for sharing these informative contents. Your videos have inspired me to start learning to programme subject of which I dared to touch for years. I hope you get hundreds of thousands of subscribers in no time and be more successful in your profession.

[@neontuts5637]

I am using all the Extensions you mentioned in this Video

[@elabinnovations]

What a joy it is when you see

[@marudhuraj6709]

Thank you so much Dev Ed, you have saved out time. Good work.

[@TheWolfPackFam]

Awesome video!! Lots of good information.

[@williamhunt8313]

Ed, you are amazing!

[@captainflyingcarpet]

Initially I thought, "Oh no it's just about making things pretty!" and then you told me about auto rename tags - that's worth 10 minutes of watch time alone! 😄

[@lukas.webdev]

100% true 😄

[@eldaradylbekov7996]

those extensions are awesome, also thx for theme and auto renaming which is completely useful

[@adampapamastorakis5527]

You can actually put borders in your theme: Ctrl + P -> settings.json and add "workbench.colorCustomizations": { "sideBar.border": "", "panel.border": "" }

[@nohael-deeb5830]

i love :) waiting for angular 8 full course from scratch to hero :D love u buddy

[@spajah]

Great video, installed almost everything :)

[@dhawalkamdar]

Which font do you use for vscode...?

[@yashptel]

9:58 Consolas

[@ionk3588]

Those extentions will make my life very easy, thank you!

[@jitrammaharjan9506]

Thank you for this awesome video

[@fladow]

Amazing!!! Thanks for the video!!!

[@ekabelly]

cool! "live server" is awesome for checking built (react, vue or angular) projects localy!

[@thedarksideofthecoon7578]

Thank you, I was searching exactly for this! Love u!!!

[@GourabX]

Very helpful. Installed all of them.

[@FollowerOfChriist]

Great tools , thanks !

[@shantanubhattacharya4510]

All extension are fabbbbbb

[@mr_kamuran]

7:31 you dont have a card up there, man

[@hariyapa]

😂

[@jitrammaharjan2025]

Thank-you for this nice video

[@decodingcode1494]

Hey mate am first one to see your viedo😍😍

[@developedbyed]

you so fast!

[@decodingcode1494]

@@developedbyed you upgraded!! And nice video 🤙🤙

[@Bajrang.707]

So helpful video, you got a sub! Thanks for this :)

[@MrDevid-hk5su]

very very helpful Thanks.. 😍😍 My Client was impressing...

How to configure keyboard shortcuts example in Dreamweaver I made the combination CTRL + B = or CTRL + P and in VSCODE you can configure keyboard shortcuts both in html files and in php?

[@ビエットドドウック]

very helpful, thanks

[@ahmedrefaat9220]

what is family font u use on vscode?? please...

[@yashptel]

9:58 Consolas

[@jenniferward6821]

Great thank you loved the comments

[@alessandroludovici30]

what font do he use???

[@yashptel]

9:58 Consolas

[@tonixucab6871]

For the sake of my curiosity Dev Ed, what font name are you using?

[@yashptel]

9:58 Consolas

[@nobytes2]

Indent rainbow is one I like a lot for python or any indentation based language.

[@pouriyanourouznejad7090]

Finally I found my Favorite theme name! I saw a video a few weeks ago and I saw a Beautiful theme in him video I asked About the name of the theme but he didn't answer! And tonight, I choose randomly your video to watch, and I saw you started with my Favorite theme! Very very usefull video! Thanks a lot! 💜 I also found a PHP Extension to support more codes to write and show them up in suggesstion menu! I want this type of Extension for JS Does exist this kind of Extension for JS?

[@trebaltek]

peek has been a life save trying to find a class in a sea of css

[@twolanguagesjourney6353]

PLEASE help me with the "live server" extension is not working on my windows7 32bit

[@jackwright7014]

That CSS Peek plugin I am getting RIGHT now!

[@programmingwithjavascript3579]

My favorite extension is thunder client. No need to install postman

[@digigoliath]

Hey, extensions are powerful fun stuff!!!

[@alimohammad6309]

thankyou so much .my vs code is no more nasty as it was in its default mode

[@Daniel-bx2ou]

what font do you use in vs code? Thank you for ALL of your videos you are so good!

[@qunduziy]

Thank you for video

[@Sofien_Steve]

you rock man

[@Ahmed_96275]

Love your videos

[@MasterZiomekPL]

Already had half of them, I think from previous videos :D

[@developedbyed]

that's cause you are awesome

[@techcanyon411]

It is quite open and straight forward that VS Code is difficult for beginners and is not user-friendly,it could be better off saying it was created for an experienced developers.i have not seen any unique thing in VS Code that other IDE does not have. Notepad ++ is enough for the development of a static site while upcoming coming editors like Sublime, Vs Code e.t.c are better with a site with the backend functionality.

[@zeljkostanisavljevic4665]

Hwllo ;) Great extensions, and keep good work!

[@rimantasdanilevicius6754]

for some reason ctrl+hover does not work. Have any ideas why it does not work? I am holding ctrl and move pinter at class but nothing is going on.

[@sharonzhong7236]

omg the prettier extension!!

[@lardosian]

I like to customize the color of my scroll bars as i find the default a little confusing. Zen mode is another interesting feature, it allows just the code window and nothing else on screen.

[@ronaldchonillo]

Love it. Thanks.

[@aravindkumar8145]

You are engaging , interesting tutorials

[@arjunthapa4289]

Hey Dev I have just install new version of vscode. After when I open it's show unsupported in the tile bar and not work properly how can I fix. Before I install this version my previous version is fine working could you help me please;I don't like to use other editor because vs is my favourite?

[@Moshe5573]

Im still new to the Web game, where can you find good plug ins for example to create secure shopping payments or email etc

[@artythamaiithin9496]

All extensions were really helpful except the prettier, as long as I was watching your videos I wanted to know what your formatting plugin was but prettier just broke my code. my React.components got bulk of errors due to incorrect formatting. But everything else was really helpful, thanks.

[@engineertorikulislam]

How can I show build time for my java programming in VSCode terminal? My code runs well but I can't see the time as I can see in Netbeans. I install Gradle, maven extension also, but i can't see, please share if you know about this, Thank you.

[@Codingle]

Thanks for your inspirable video

[@romaricvivien2013]

Hi ! Thanks you very much !

[@Introvert_Explorer791]

Should i code c progrma in this vscode

[@elabinnovations]

I really enjoying your expressions

[@imcnx1563]

Which’s better: VSCode or VS2019?

[@keesvv03]

VSCode is more suitable for web development and Node.js. VS2019 is more of an IDE rather than a code editor; it has all kinds of tools for building .NET apps (mostly C#). So it mostly depends on your usage purpose.

[@captainspeedy108]

What is visual studio code default toolbar foreground and background color?

[@xbeast7585]

Thanks Man

[@सनातन_Surya]

Thank you for video.

[@glenricmazibuko63]

You're awesome bro! Make mooorree such vids

[@hongweihu6724]

css peak is very useful !!!

[@HostDotPromo]

Next up, vim plugins! 🔥

[@evakuator8118]

I guess, Ed would not want to scare the audience. Assuming that the viewers are mostly frontenders, it wouldn't make sense for them to learn it.

[@HostDotPromo]

Kuat Abylkasymov I disagree, vim is great for editing whether it be front end or backend. Saying he caters to beginners would make more sense.

[@evakuator8118]

@@HostDotPromo , yeah, but still vs code is much easier to deal with, and it has a huge community. Also, VS Code is much superior to Vim when it comes to frontend, be it writing css, html, pug, sass, angular, react, vue, because it has a lot of plugins ready to use. Vim, on the other hand, has a vertical learning curve, and its own philosophy based on modality. But, to be honest, vim plugins suck, they are most of the time, incompatible with each other. If you like it and can get you work done, use it, don't give a shit about my ranting. p.s VS Code have Vim mode which is not worse, and sometimes better than vim.

[@sepratx4317]

how to attach the live server page side of the text editor ?

[@bronger8386]

Estoy aprendiendo inglés con usted bro, thanks!

[@vanmanhtran1804]

What font do you use in the video?

[@ezcode6508]

ur the best man

[@amanchaudhary8494]

Thanks dude

[@denilbhatt1005]

Hey bro please insist which pc you use??

[@sarahyang3468]

Omg! I really like the color contract in the terminal section. Mine is all grey. How do you make it all colorful in the terminal as well?

[@joshuatao7020]

This video is awesome! Thank you,sir.Keep going.👍👍👍

[@van8387]

Wow! Didn't know that Rex Orange County is also good at programming.

[@wiazowski1]

Hi Ed. I have notice that my VS Code has the same colors of tags and classes, inside of the css file. Gets hard to identify one from another. How do I fix that? Cheers

[@xianweiliu1024]

Thanks for sharing these extensions, I will try these out. Btw, would you have tutorials for react.js in the future?

[@developedbyed]

Absolutely, they are coming probably next month.

[@alendraone]

Thanks Ed!

[@remax110]

What camera are you using? It has a good video. I love all your vids.

[@developedbyed]

Nikon d5100, its a pretty old dslr but I am trying to squeeze out as much as I can from it with lenses and post production lol

[@ickimadrasi8965]

I am having problems getting the double page icon to show up in my vscode, all of the 4 other icons shows up except the twin pages, can you show me how to retrieve it. I closed the programme and open it again but it still does not show up, very frustrating, no one else seems to have such a problem