No video

Top 10 VSCode Extensions YOU MUST TRY!

  Рет қаралды 436,558

developedbyed

developedbyed

Күн бұрын

Пікірлер: 211
@okolol
@okolol Жыл бұрын
timestamps: 0:00 intro 0:22 (theme) Material Theme 0:28 Code Snap - take a cool looking code snipet/screenshot. 1:39 Better Comments - it's in the name. 2:47 Turbo Console Log - make writing console.log so much easier. 3:23 Tabnine - GitHub copilot, but it's freemium. 4:53 Live Share - share your code, live. 5:55 Git History - simple git viewer and editor. 7:17 prettier - make your code pretty. 8:53 Auto Rename Tag - rename html tag and automagically rename the closing/opening tag. 9:44 Color Bracket - colorize your bracket. 11:00 Import Cost - calculate imported package size. 11:35 (course) developebyed 12:00 outro 12:05 ed can't talk 12:07 american memez 12:14 outro continues please put this as timestamp on your video.
@Lleanlleawrg
@Lleanlleawrg Жыл бұрын
Thanks. Half of them seem a bit meh, so its nice to not have to watch it all.
@gameboyv1790
@gameboyv1790 Жыл бұрын
Thanks
@bharath2508
@bharath2508 Жыл бұрын
wow
@sivadhanushuppalapati4041
@sivadhanushuppalapati4041 Жыл бұрын
whats the font style ed is using in vscode?
@RahulKumar-fp1gy
@RahulKumar-fp1gy Жыл бұрын
Hi, just wanted to share that you don't need "Color Brackets", updated version of vscode has builtin support for this. You just need to enable it
@developedbyed
@developedbyed Жыл бұрын
Ahh cool!
@RahulKumar-fp1gy
@RahulKumar-fp1gy Жыл бұрын
🤗
@Jblcc
@Jblcc Жыл бұрын
I think Auto Rename Tag also built in as default
@UwU-dx5hu
@UwU-dx5hu Жыл бұрын
@@Jblcc ok
@dhakalabhiyan
@dhakalabhiyan Жыл бұрын
@@Jblcc auto rename tag built in feature doesn't always work... idk why
@zebcode
@zebcode 21 күн бұрын
I just watched your other video on css one liners. I'm glad i found your channel. Very easy to follow and you present really well!
@rgdayo
@rgdayo Жыл бұрын
These are awesome Ed. I usually use VS Enterprise for work, and VS Code initially threw me for a loop that I have to install functionality but I'm slowly getting used to it. Need to use it more often!
@Sakinukas
@Sakinukas Жыл бұрын
I am pretty new to web dev, HND student and using Color Bracket with Highlight Matching Tag is so helpful.
@benacker8525
@benacker8525 Жыл бұрын
Nice video, Git history seems really useful. As for the Auto rename tag and bracket colors you don't need it anymore.
@yadneshkhode3091
@yadneshkhode3091 Жыл бұрын
Error lens is a great extension everyone must try it
@yadneshkhode3091
@yadneshkhode3091 Жыл бұрын
@@switchdiagram welcome
@MrAlexm1992
@MrAlexm1992 Жыл бұрын
@@switchdiagram klsdfklsdjflksdf
@kaneki4772
@kaneki4772 10 ай бұрын
What it does?
@tPlayerioT
@tPlayerioT 6 ай бұрын
​@@kaneki4772shows missing things and errors. Like missing a " ; " in the end
@jaydenflynn7792
@jaydenflynn7792 3 ай бұрын
TYSM
@karlstenator
@karlstenator Жыл бұрын
Quokka is my favourite. I wish I could run it in all aspects of life, like, cleaning the garage, washing the dishes - Quokka running in the background telling me if I'm doing it right... hmm, sounds like my ex, actually. Awkward. See, this is where I need Quokka to help me write KZfaq comments too.
@vinit095
@vinit095 Жыл бұрын
Updated vscode has built in support for "Auto rename tag" now. You just need to enable it.
@aztralenforcer
@aztralenforcer 7 ай бұрын
THANKS! Now i have colored brackets! Amazing!
@thebugcoder3391
@thebugcoder3391 Жыл бұрын
Auto rename tag is actually build in lol. Also, SVG preview is a pretty cool extension.
@asilbekashirov1341
@asilbekashirov1341 Жыл бұрын
Some more extensions: 1. Thunder Client 2. Color Highlight 3. Path intellisence
@UwU-dx5hu
@UwU-dx5hu Жыл бұрын
Yeap they are really good
@chenkaihong
@chenkaihong Жыл бұрын
Mars, and andromeda for theme
@PretoraSankti-cm6su
@PretoraSankti-cm6su 10 ай бұрын
I've recently come across *Galactic Glow* 🌌, a hidden gem in the VSCode extension world. It lets you change your coding environment's appearance to match iconic characters 🌟. It's like a Star Wars adventure for your code
@proflead
@proflead 3 ай бұрын
Thanks for sharing Ed!
@Orionus83
@Orionus83 Жыл бұрын
I recommend: 1. Git Graph 2. Todo Tree 3. Code Spell Checker 4. Thunder Client 5. Bookmarks
@TokyoWasTaken
@TokyoWasTaken Жыл бұрын
fyi bracket colorizer is now native in vs code.. no need to install that extension but It's great to see how such extensions made such an impact on code
@vikashkushwaha70
@vikashkushwaha70 Жыл бұрын
thank you i learned something new today
@Smoke_lb
@Smoke_lb Жыл бұрын
pov: you are scrolling through the comments to find more good extensions
@mane_doug
@mane_doug Жыл бұрын
Fantastic! I had a lot of fun with your video 😂🙏
@apex-lazer
@apex-lazer Жыл бұрын
I love you Ed!
@noeljose
@noeljose Жыл бұрын
Your new thumbnail style looks very nice
@maurolimaok
@maurolimaok Жыл бұрын
Thanks for the video! I would love to see a 101 video about VSCode.
@CallousCoder
@CallousCoder Жыл бұрын
Pretty JSON! And something for us GenX assembly gurus: Amiga ASM, which installs even the vasm toolchain.
@alifyout
@alifyout Жыл бұрын
Would love to see you in a css battle with either web dev simplified or anyone else.would be fun
@Jamie-rx4yc
@Jamie-rx4yc Жыл бұрын
very useful extensions. Nice video
@askhatarslanov6327
@askhatarslanov6327 Жыл бұрын
good extensions, took couple of them. thanks!
@TumoPlayz
@TumoPlayz Жыл бұрын
Gitlens is one of my recommendations, it's really good for making git run well
@AmodeusR
@AmodeusR Жыл бұрын
If comments being grayed out is bad, just change comment color to as bright as a pure red or blue in the json user config.
@seanpaul93
@seanpaul93 Жыл бұрын
These lists are great, cheers.
@adnanabdi1706
@adnanabdi1706 Жыл бұрын
I really love your content. They have been so useful to me. 🙂
@wtdosama
@wtdosama Жыл бұрын
Nice work done 👍
@cutbyoccam1948
@cutbyoccam1948 7 ай бұрын
Turbo Console Log is amazing.......... Thank you
@AndrewTSq
@AndrewTSq Жыл бұрын
Best thing I have ever done in VS Code was to get a monospace font!. thanks for the other tips of extensions.
@Mwtorres89
@Mwtorres89 Жыл бұрын
what font exactly?
@AndrewTSq
@AndrewTSq Жыл бұрын
@@Mwtorres89 Anonymous Pro (same as twitch/youtuber coding garden uses, thats what I got it from) makes readability on another level for me.
@arvi8843
@arvi8843 Жыл бұрын
@@Mwtorres89 Free would be Cascadia Code by Microsoft or Fira Code
@cartidise
@cartidise Жыл бұрын
the first is a life changer
@beconfident5482
@beconfident5482 Жыл бұрын
I loved the last extension
@codekicks2171
@codekicks2171 Жыл бұрын
NOTE : bracket pair colorization is now built in with vs code and has been depreciated
@lukasvaic7159
@lukasvaic7159 Жыл бұрын
if you have problem with code, dont share it with code snap, copy paste it. Never sahre your code as image if you want someone else to do something with it.
@Buzzilio_
@Buzzilio_ Жыл бұрын
Bracket pair colonization is already built-in in VS Code
@JavaScriptJolt
@JavaScriptJolt Жыл бұрын
How do you not have more subscribers!?! I’m going to add a lot of these extensions. Thanks!!!
@krepkovmeste
@krepkovmeste Жыл бұрын
what font do you use?
@krmrmax5643
@krmrmax5643 Жыл бұрын
Hello guys I have a super random question about buttons in css (no js). And who should I ask if not Ed or the community :). So I have a button which is clickable and all of that (you click -> little button animation happens -> text pops up beneath it) but I want to get rid of the dropdown text by pressing the button again. Furthermore, I want that the animation is played again once I pressed the button (to close the dropdwon text). Current state: I can get rid of the dropdown text by clicking on the side BUT NOT by clicking on the button again :( Thanks guys! If you have more questions about this case feel free to ask more about it
@beenyshsaeed4559
@beenyshsaeed4559 Жыл бұрын
Share your code.
@krmrmax5643
@krmrmax5643 Жыл бұрын
@@beenyshsaeed4559 ​ @Beenysh Saeed I think all of the code is too much for one comment. But to brake it down: HTML CSS .BUTTON ul{ opacity: 0; } button:hover{ transform: scale(0.9); transform-origin: left top; } .BUTTON button:focus{ transform: scale(1); } .BUTTON button:focus + ul{ opacity: 1; } .BUTTON li:hover{ transform: scale(1.2); } Dont get confused: my div class also has the name button (so I wrote it uppercase) Hope you can understand the code!
@susanarodriguez9830
@susanarodriguez9830 10 ай бұрын
Hi is there any extension that generates code in Html from a sketch? Is there a way to do it within Blackbox?
@gabrielfono844
@gabrielfono844 Жыл бұрын
I really enjoy this video thanks
@sandanuwan4441
@sandanuwan4441 6 ай бұрын
Thanks for the video. Its really helpfull
@Raviteja-zf5rs
@Raviteja-zf5rs 2 ай бұрын
00:01 Top 10 VSCode Extensions for easy code sharing 01:27 Customize VSCode with CodeSnap and Better Comments 03:01 Enhance coding efficiency with helpful extensions 04:27 Popular VSCode extensions for collaboration and source control. 06:10 VSCode plugin for viewing commit history and comparing changes 07:49 VSCode extensions for code formatting and switching languages 09:17 Easily differentiate and manipulate divs in VSCode. 10:55 Use import cost extension to analyze package sizes Crafted by Merlin AI.
@JunaidAli480
@JunaidAli480 Жыл бұрын
Love your sense of humour 😂
@_the_one_1
@_the_one_1 Жыл бұрын
Awesome! Thank you
@pt-charles_sin1979
@pt-charles_sin1979 Жыл бұрын
Thanks For Sharing
@maxdzyubak
@maxdzyubak Жыл бұрын
thanks for this video!
@bharath2508
@bharath2508 Жыл бұрын
spot on ed
@TechnologyHassan
@TechnologyHassan 10 ай бұрын
Bro your simile is very good.
@hassaneoutouaya
@hassaneoutouaya Жыл бұрын
Thank you so much !
@dr.livesey5157
@dr.livesey5157 Жыл бұрын
Huge thanks!
@kaoukaouabdo3239
@kaoukaouabdo3239 Ай бұрын
Hello thanks for the extensions, can you please tell me what is the theme you are use now????
@arafat_emon_ctg
@arafat_emon_ctg Жыл бұрын
Love this Video 💐
@b1mind
@b1mind Жыл бұрын
VSC has rename for html tags now, same action as elsewhere. > rename symbol
@IMIslombek
@IMIslombek Жыл бұрын
Thank you bro!!!
@johnkeen1659
@johnkeen1659 Жыл бұрын
Could you tell me your monitor's name and brand? My neck starts to hurt and get rigid so bad! Good video for reference by the way!
@YeahEsCereal
@YeahEsCereal 7 ай бұрын
One I use is Error Lens. It shows errors on the line it is on and after the code (red for errors and yellow for warnings)
@joshmorgantech
@joshmorgantech Жыл бұрын
Love ❤️ this
@apdalle4438
@apdalle4438 Жыл бұрын
Legend
@kaleabalemayehu
@kaleabalemayehu Жыл бұрын
you use the best theme i've stick to it since i use it, it is awesome
@kaushalmishra2286
@kaushalmishra2286 Жыл бұрын
name of theme plz
@amad_a96
@amad_a96 Жыл бұрын
Name if theme?
@h3ckphy246
@h3ckphy246 Жыл бұрын
@@amad_a96 material
@nishan.7
@nishan.7 9 ай бұрын
@@h3ckphy246it has many variants...exactly which one is this?
@thinkpositiveway
@thinkpositiveway Жыл бұрын
quite good 🤟 bro
@manoharants
@manoharants 7 ай бұрын
Which theme are you using? Could you share the details?
@rachwanharb5781
@rachwanharb5781 3 ай бұрын
Very good extentions though! Thank you.
@uniqueeducationcorner975
@uniqueeducationcorner975 6 ай бұрын
Power mode is one more beautiful extension in vs code
@IgorAlov
@IgorAlov Жыл бұрын
Color bracers do not need any more. Microsoft has it by default
@Dev-Phantom
@Dev-Phantom Жыл бұрын
Really helpful
@history_101_
@history_101_ Жыл бұрын
Entertained > Learned.
@abyssoftus
@abyssoftus Жыл бұрын
Bracket pair colorization is now a native functionality
@robertantony4877
@robertantony4877 Жыл бұрын
dude i have doubt width:25px; height:2px; background-color:rgb(231, 0, 0); margin: 5px; (I gave these properties to my navigation button ,and the firstt div looks different ftom other , can you say y )
@tariksahnoun4585
@tariksahnoun4585 Жыл бұрын
I love you big bro ❤
@mangiterz
@mangiterz Жыл бұрын
so how do you open a source code from easy language with a file extension of *.e *.ec especially that if loading the source in easy language 5.93 it wont display the correct chinese word
@LambdaCreates
@LambdaCreates Жыл бұрын
Him: Shows Super Console Log 2:47 Also him: Shows Turbo Console Log 2:50
@vt7091
@vt7091 9 ай бұрын
These works with any code right on VS? (Just starting out with coding with C# learning some for my Game Dev degree)
@wtv07
@wtv07 9 ай бұрын
how can get this ( M, u , 1 or colourful circle) after my file names under left side menu of explorer/editor
@zvheer7597
@zvheer7597 11 ай бұрын
code snap will really be usefull
@creepychris420
@creepychris420 Жыл бұрын
is tabnine like free copilot? yo just btw auto rename tag is now just a setting. sometimes it deletes the end tag tho lol.
@zzzyyyxxx
@zzzyyyxxx Жыл бұрын
Curious, why not Copilot instead of tabnine? I think both are paid but with Copilot you can get a free license if you just do some PRs to some open source libraries.
@DanteMishima
@DanteMishima Жыл бұрын
After the trial, Copilot will want you to pay.... For an Ai that was collecting your data
@yannickdurden
@yannickdurden Жыл бұрын
@@DanteMishima yes, but only for public repo, not private
@Mwtorres89
@Mwtorres89 Жыл бұрын
why does my consolas font look so bold on my PC? im on windows... how can i fix this with out clearType.?
@simon3812
@simon3812 Жыл бұрын
Emoji File Icons by mightbesimon!
@juicychann
@juicychann 9 ай бұрын
is thre such a thing as import cost but for python?
@aaymankhalid9997
@aaymankhalid9997 Жыл бұрын
I need an extension which could colorize tag pairs.
@nyezinahsolomon
@nyezinahsolomon Жыл бұрын
VSC is king 👑
@lukas.webdev
@lukas.webdev Жыл бұрын
100% 😉
@farismuhammadd
@farismuhammadd Жыл бұрын
Can you tell me the name for theme you are using??
@Kokujou5
@Kokujou5 Жыл бұрын
i just tried out the auto rename tag plugin and... that's so disappointing! it makes me very sad :( yes you can rename tags, but it doesn't consider non-closed tags like img and br. those would be invalidated. and if you have them you would need to add a closing bracket... quite disappointing.
@EricksonGaloso
@EricksonGaloso Жыл бұрын
Hi hope you notice, what's your vscode theme? thanks!
@brunocmesquita
@brunocmesquita Жыл бұрын
What font you use on your editor?
@minineji7050
@minineji7050 Жыл бұрын
The ending 😂
@nrgking1667
@nrgking1667 Жыл бұрын
What theme do you use?
@Gailon1000
@Gailon1000 Жыл бұрын
What Color sheme are you using?
@aliirtaza6936
@aliirtaza6936 Жыл бұрын
sir which theme you using???
@Oslovikings123
@Oslovikings123 Жыл бұрын
What font are you using?
@BonJoviBeatlesLedZep
@BonJoviBeatlesLedZep Жыл бұрын
How do I get Prettier to work? You said to go into settings and then didn't show us what to do lol.
@sticksen
@sticksen Жыл бұрын
Instead of fancy comment colours, I’d suggest to let these questions or „Todos“ flow into whatever SLDC you’re using. Nobody will answer these questions or finish your Todos when written as comments.😀
@kundan_g
@kundan_g Жыл бұрын
How to save the codesnap image
@paulcharman8113
@paulcharman8113 Жыл бұрын
Does better comments just work on js files or does it work on html and css too
@blbezcc
@blbezcc Жыл бұрын
It works in MANY languages.
@bob_kazamakis
@bob_kazamakis Жыл бұрын
Don’t use bracket pair colorizer extensions. They are less efficient than the built in version added. VSCode did a while write up on this
@Alif_f
@Alif_f Жыл бұрын
Auto rename tag is build in on vs code now
@sahriaahmed122
@sahriaahmed122 5 ай бұрын
Can u tell me what's your Vs code theme plz? 😊
12 VS Code Extensions to INCREASE Productivity 2024
27:13
Devression
Рет қаралды 664 М.
Top 10 Javascript One Liners YOU MUST KNOW!
14:16
developedbyed
Рет қаралды 194 М.
Running With Bigger And Bigger Feastables
00:17
MrBeast
Рет қаралды 167 МЛН
Пройди игру и получи 5 чупа-чупсов (2024)
00:49
Екатерина Ковалева
Рет қаралды 4,3 МЛН
7 Days Stranded In A Cave
17:59
MrBeast
Рет қаралды 96 МЛН
He bought this so I can drive too🥹😭 #tiktok #elsarca
00:22
Elsa Arca
Рет қаралды 9 МЛН
I Tried Every AI Coding Assistant
24:50
Conner Ardman
Рет қаралды 775 М.
VSCode is Not Enough Anymore in 2024
3:21
Dev Panda
Рет қаралды 18 М.
Best VSCode Extensions I'm in Love with
8:36
Lama Dev
Рет қаралды 384 М.
20 Essential VS Code Extensions In 2024
14:26
Traversy Media
Рет қаралды 166 М.
Zed “kills” VSCode
12:10
Alex Ziskind
Рет қаралды 727 М.
25 VS Code Productivity Tips and Speed Hacks
11:35
Fireship
Рет қаралды 2,3 МЛН
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 945 М.
Coding Was HARD Until I Learned These 5 Things...
8:34
Elsa Scola
Рет қаралды 292 М.
The Best VSCode Extensions 2024
9:29
Coding With Adam
Рет қаралды 329 М.
Running With Bigger And Bigger Feastables
00:17
MrBeast
Рет қаралды 167 МЛН