This VS Code Extension Is 🔥🔥

Web Dev Roadmap for Beginners (Free!): bit.ly/DaveGra...
This VS Code Extension Saves Time!
🚩 Subscribe ➜ bit.ly/3nGHmNn
📬 Course Updates ➜ courses.davegr...
❓ Questions - Please post them to my Discord ➜ / discord
☕ Buy Me A Coffee ➜ www.buymeacoff...
👇 Follow Me On Social Media:
Github: github.com/git...
Twitter: / yesdavidgray
LinkedIn: / davidagray

[@SyberiaK]

Ah yes, my favourite request method "DATA"

[@aminezz2584]

😂😂😂😂

[@NSA.]

😂

[@34sisantachhatoi34]

1 in 1000 useful short. Removes the regret of watching shorts continuously.

[@loquitran1]

I wish I knew about this literally yesterday, the video is old-ish but it was recommended to me today. Thank you for the heads up!

[@rong6139]

I am glad to saw this video on your "Reels" and now it made my searching/tagging easier. Thank you Sir!

[@DaveGrayTeachesCode]

Glad it was helpful!

[@kamalchan9756]

space+r to change the word you want in all the file heil vim

[@jjpp1993]

and also in sublime since forever

[@Islam-and-boxing]

The issue you had then was that posts changed to datas.

[@DaveGrayTeachesCode]

This is just an example of how it works. Not a change I was actually making.

[@MehediHasan-qr7ut]

Thanks

[@DaveGrayTeachesCode]

Welcome!

[@I-OMusic]

"so just to review" *Ends video* Absolute masterful play ngl

[@apexdude105]

I thought the dude failed to make a perfect loop, but this makes sense too

[@teho1536]

It's supposed to be a loop

[@AaronBowley]

not video ends, video replays

[@salemyaslem9792]

VSCode has built in feature to select using Ctrl+D with Characters Cases sense ( you will get it in right top corner of editor when click Ctrl+D first time)

[@DaveGrayTeachesCode]

Yep, sharing this extension does not mean VS code did not have other ways of solving this problem. However this is faster and easier for me.

[@ko-Daegu]

@@DaveGrayTeachesCode ooh wait so if that’s a built in thing it’s better no need for extra extension

[@DaveGrayTeachesCode]

@@ko-Daegu I find using the extension is easier and faster for me. Total personal choice

[@lbati]

@@DaveGrayTeachesCode you can simply use Alt + C to enable match case

[@DaveGrayTeachesCode]

Only works for the _selection_ part... As an alternative to this extension, you can Ctrl+F (Cmd+F on Mac) to open up Find, insure you have toggled the match case (Alt+C) so all cases are selected, expand to show the Replace window, type the word you want to insert, toggle preserve case (Alt+P), and then replace all by pressing Ctrl+Alt+Enter. Seems like a long ways to go when you can use this extension to simply type your change after selecting with Ctrl+D.

[@chillout69]

"...help you to prevent errors..." while staring at the 'method' property 🎉

[@ilianos]

thought the same :-D

[@Sky_Lord]

Same here, makes no sense…

[@hernanheredia3926]

One question What extension is the one that highlights the brackets?

[@Scuubie]

This is the only feature I missed when I switched from Atom to VS Code long time ago. Glad to have it back 🎉

[@matthewrease2376]

Atom is in development under a new name (/team?) now, check out Pulsar.

[@martinn.6082]

I use VSVim, which has a similar feature using %s/Post/data/g

[@meetverma4812]

Atom sucks now

[@6-dpegasus425]

Ohh so I wasn't crazy, I swear I'd used that feature early on in college but couldn't find it anymore, this comment made me remember I had swapped out of Atom for VS Code in my 2nd year

[@ElHyperion]

Same here. I used Atom until college where I swapped it for VSCode because Atom took awfully long to launch even with no extensions and on SSD, while Code is blazing fast even with 30 extensions and I don't have to spend so much time fixing random errors that pop up. I only sort of miss how easily you could adjust your Atom appearance using the stylesheet and basic CSS knowledge.

[@rmt3589]

You have changed my life multiple times within 60 seconds.

[@nocapstoast]

true

[@DaveGrayTeachesCode]

For those suggesting Alt+C in VS Code to toggle the match case - that only helps with the _selection_ . The extension preserves the case when you type something new so "post" and "Post" are replaced with "data" and "Data". As an alternative to this extension, you can Ctrl+F (Cmd+F on Mac) to open up Find, insure you have toggled the match case (Alt+C) so all cases are selected, expand to show the Replace window, type the word you want to insert, toggle preserve case (Alt+P), and then replace all by pressing Ctrl+Alt+Enter. Seems like a _long ways to go_ when you can use this extension to simply type your change after selecting with Ctrl+D. For those that feel like doing a _code review_ on the changes I demonstrated - I just looked for a file that had one word a lot to demonstrate the changes. Clearly an example and not changes I was going to keep. You can press Alt+Click to deselect anything you don't want to change.

[@ruukes4770]

@DaveGrayTeachesCode wow tour vs code environment looks so good what themes / extensions/ icons/ settings did you use its so good I'm especially interested in how you got it to highlight the code block you were working on in green

[@ruukes4770]

And what are the two last extensions on the sidebar I've never seen them

[@DaveGrayTeachesCode]

Bracket Pair Colorization setting in VS Code. Just enable it. I'm using the Github theme. Many dark modes to choose from.

[@DaveGrayTeachesCode]

The last two extensions in the sidebar are ThunderClient and Jupyter Notebook.

[@kalleshwar1]

​@@DaveGrayTeachesCodewhich vscode theme you have used in this video?

[@sudarshankj]

The extension is called Multiple Cursor Case Preserve

[@alexalvarado9621]

This it fantastic

[@calimio6]

Don't let others throw you down. This extension is very useful for refactoring. It obviusly would be nice to have it already on vscode but this isn't that bad either

[@DaveGrayTeachesCode]

Thank you! It can be achieved with VS Code, but not as quickly and conveniently.

[@kamal-hassan]

I love this man. Sometimes through the learning process, you make memories along the way and he’s just part of my memories. Thank you for holding the hands of newbies learning to code.

[@sid.h]

Alt + J, Alt + Shift + J, and Ctrl + Alt + Shift + J in IntelliJ IDEA and probably other JetBrains IDEs 👍

[@CYKG2023]

This is why I Love VS as a text editor it’s the best!😊

[@andreaslassak2111]

Nope. This has full IDE for years.

[@kos-]

​@@andreaslassak2111 literally was gonna say that 😭

[@DaveGrayTeachesCode]

As an alternative to this extension, you can Ctrl+F (Cmd+F on Mac) to open up Find, insure you have toggled the match case (Alt+C) so all cases are selected, expand to show the Replace window, type the word you want to insert, toggle preserve case (Alt+P), and then replace all by pressing Ctrl+Alt+Enter. Seems like a long ways to go when you can use this extension to simply type your change after selecting with Ctrl+D.

[@braidenhengst9412]

Also, in vanilla VSCode, you can use Ctrl+Alt+Up/Down Arrows to get a multi-line cursor. EDIT: I accidentally said ctrl+shift earlier. This was wrong. Ctrl+Shift+Arrow is just a simple select. Not what I meant

[@ivanbragin7932]

omg, that is exactly what I was looking for!

[@Mobay18]

I have so many extensions now that it is causing more trouble than helping me. XD

[@khodok9636]

I had this issue a while back, I just reinstalled from zero and added the ones I knew I used a lot, and then over time added some more, but always doing my best to not have too many. And since they added profiles, this isn't an issue anymore to me

[@jabirali3649]

A single vim extension can do this and many other handy things in vscode

[@IainSimmons]

I use the regex find and replace for this, but obviously an extension is much easier! Just don't forget to change your method back to 'POST' 😉

[@DaveGrayTeachesCode]

Yes! Emphasis on convenience here! I am not keeping these file changes. I just wanted to open a file with many instances of the same word. 💯

[@EverRusting]

You don't even need regex, regular replace has preserve case option

[@DaveGrayTeachesCode]

As an alternative to this extension, you can Ctrl+F (Cmd+F on Mac) to open up Find, insure you have toggled the match case (Alt+C) so all cases are selected, expand to show the Replace window, type the word you want to insert, toggle preserve case (Alt+P), and then replace all by pressing Ctrl+Alt+Enter. Seems like a long ways to go when you can use this extension to simply type your change after selecting with Ctrl+D.

[@AamilAli2003]

F2

[@neenus]

I learned of this extension from one of your videos and been using it ever since

[@wtl912]

or... hist press Ctrl + H (search and replace) and activate case sensitive. -no extension required.

[@DaveGrayTeachesCode]

Emphasis on _conveniently_ . From my previous replies: "...as an alternative to this extension, you can Ctrl+H to open up Find & Replace, insure you have toggled the match case for Find (Alt+C) so all cases are selected, type the word you want to insert, toggle preserve case for the replace (Alt+P), and then replace all by pressing Ctrl+Alt+Enter. But that seems like a long ways to go when you can use this extension to simply type your change after selecting with Ctrl+D."

[@henry-js]

The "...so just to review" at the end is just perfect

[@DaveGrayTeachesCode]

I didn't expect it to work _that_ good! 😆

[@sjoerdev]

or just use find and replace with case preserve

[@draido-dev]

Nice, i use vim anyway 🙂

[@TheSaintsVEVO]

Oooh

[@kirksurber7262]

Love this! Would have saved me some time last night lol

[@keshwarwhite645]

👀 POST Method to DATA method 👀

[@case6339]

installed immediately!

[@yashguma]

You just saved me half a year

[@xtunasil0]

What about the built in search and replace?

[@oladapooluwadurotimi2865]

🔥 🔥 🔥 🔥 🔥 I kind of love the way you make your video in an infinite loop ♾️. I'm learning❤😊.

[@zombiefacesupreme]

I use this extension all the time. Super handy!

[@rakibulhashanrabbi]

Can you please review any extension, the need is, if I select multiple instances and type numeric values it prints same value but I want to nake something 1 2 3... A

[@foxxul]

As someone who is a beginner-ish in code, this is amazing!

[@Salah-YT]

OMG this lovely jubbly bro I love it, thank u so much ur life saver bro thx 🙂

[@rmt3589]

Thank God this was resuggested to me! This is not using His name in vain, this is straight up praise to Him!

[@Neiltxu]

I know the first times I wouldn't trust this and would lose more time than saved just checking, but from the 10th time on... This is GOD tier

[@esilva4973]

man discovers sed, lmao

[@VictorZamanian]

I've never had to use this in actual refactoring. If you do this, you probably have poor structure or something? You should be using "rename symbol" and similar. Or "select next occurrence of symbol", or "select all occurrences of symbol". Try the Helix editor.

[@gingeral253]

It’s crazy how many hot keys there are to speed up processes, which could also lead to bugs.

[@olivierdulac]

Yes, I prefer the vim way, that can go over them 1 by 1 and ask and thus allows you to check if that one is one you really want to change and not part of another word that shouldn't be changed... for exemple: :%s#a_regex#the_new_txt#gc (g for globally, ie for multiple occurence per line. c will ask.). Or in the regex one can specify word boundaries.

[@fipabrate]

This is worst example possible, because you switched method type from POST to DATA.

[@nikolagrigorov3210]

If I can't program on my mobile phone a program that updates a classic text file (ie to save collected own parameters: position, datetime, image,...; monitoring), then .js and other programming languages ​​are useless. It would be good if the HTML calls the JAVA script, and this one of the programs that the manufacturer can code in machine code, if not in the programming language you promoted.

[@dominuspiritus]

Ctrl + F2 = multi cursor Alt + C = case Alt + W = only exact word then type Ctrl + H = find & replace Alt + P = exact case Ctrl + Alt + Enter = replace all occurences

[@rajveersingh2056]

While in all other editors, ctrl d is duplicating the line.

[@westonjp612]

Wow you just saved me countless hours of otherwise wasted time! THANKS!

[@HarmanSinghHira]

This fixed one problem but created bunch of others in your own video. It is changing all words including words like posts

[@MrToufou54]

Vscode, vscode, vscode...again and again, nothing new in the IDE world, except that all those "exclusives" plugins exists for 20 years on all others good IDE (also free), and are basics and no need to search and find plugins

[@John_Smith__]

Funny to see how vscode users discover plugins to implement features that are stock and standard in more advanced IDE's like Eclipse for ... Decades ...

[@Rinne_Kagurazaka]

I didn't know this was a thing until now..... What a wasted 5 hours of my life trying to rename variables that I misspelt or trying to change.....

[@hitbox7422]

or, on mac at least, you just press command + f and replace, change or mark all occuring instances of one or multiple variations of variables as you like. Why do it simple when it can be complicated.

[@just_old_memories_7996]

Oh, yeah! My favorite http method DATA! Im using it every day😂

[@nicholasallen5030]

Wouldn't this be better done by a type safe recruiting though? You could accidentally change things you didn't intend this way. Also the name will appear in other files which would also not be updated I expect.

[@the_real_vdegenne]

I honestly doesn't see the point of multi-cursor, never used it and never felt the need to use it in my coding sessions. I just use "find and replace" or "refractor" functions which are more easy and intuitive to use. Honestly VSC should focus on providing a working IDE before implementing some useless things to be the "coolest IDE" on the market.

[@josegabriellopez4456]

Or you can just use vim :v. Okno, great tip man.

[@esmith2k2]

that is until you have once instance of the replacement that doesn't work and it makes you spend another 2 hours looking for it.

[@TheAutoBeef]

Or you can use vim, an editor that was invented in the 90's and can do all of this and a lot more with much ease... btw~

[@gravitycore1]

How do you get the vertical lines like that & the underline?

[@mutlugameofhalit]

but this c+shift+L is not properly working for C#

[@przemekc1983yd]

Yeah. And you change http POST method to not existing DATA method 😅

[@tordok7158]

Built-in in intelij, double alt and left click allows you create cursors as many as you need. Or if you need only replace in flie ctrl + r, in all project ctrl+shift+r

[@DmitryDaren]

yeah but it looks like it selects all the instances of the same text, but it selects also the non-same variables/text for example, url: '/posts/- what if i don't need that? Only same variable names.?

[@klimmesil9585]

We had this in the 90s with vi already, or even sed and still have now in vscode with ctrl h (sed), ctrl d (multi cursor) and alt c (case). Anyone can have an opinion but bloating your editor with extensions that can be handled by a remapping/macro seems like the wrong way to go

[@ClickbaiterZ]

I use to do this by using find and replace, enable case sensitive so I have to do this 2 times if I want to keep the sensitive case. Now this is a lot faster and easier.

[@DaveGrayTeachesCode]

Agreed!

[@EnjoyCocaColaLight]

Ctrl-F and select "respect casing" or something? But what is this ctrl-D?

[@GonzaloMassa]

"It will help you prevent errors"... method: 'DATA' 🤣

[@DaveGrayTeachesCode]

Just an example to show how it works. Not changes that I planned to keep in that file. But I get the irony! 😆

[@Kurkkulimu]

This tool is a shotgun aimed at your feet. You never should do refactoring without checking every change one by one.

[@GonzaloMassa]

@@DaveGrayTeachesCode Thanks for the sense of humor 👏♥

[@Person-jw7mk]

Seems pretty dumb to change every random variable based on a text find, instead of changing just one variable name via something like find all references for that variable

[@zenmaster24]

what is the extension that you have that shows the length of the codeblock with the green line? shown at the beginning of the video, going from lines 58-71

[@redcubestudio]

Sublime Text is doing that and more since 2008

[@ChopLancer]

Or just use regex to do the same thing from the find field, you can control case sensativity there too. Bonus: highlight a section to only search that section for your speific word or phrase instead of the entire document. No extensions needed

[@corepuncher]

Find and replace is what I typically use. What's the diff?

[@27forlife]

good extension , but how in the heck would you make all those mistakes

[@DaveGrayTeachesCode]

I'm just showing an example of how it can change a lot of instances at once. Not changes I was keeping - if that's what you're referring to.

[@27forlife]

@@DaveGrayTeachesCode no, i'm not actually refering to you particularly , what i am saying how could one make all those 'Post' in there code to change them later on

[@DaveGrayTeachesCode]

@@27forlife that's what I thought 😃 - overall just an example. I usually just use Ctrl+D to select just a few instances and make a change. Very useful if I rename useState variables in React.

[@mlgguides175]

Why tf my code always looks ugly and every yt videos code is beautiful then my ui

[@automation-nv4ww]

youtube algorithm is scary..bcz i was gonna search this now..and it just pops up.. thanks anyway..saved a lot of time

[@jojo-gg1iz]

Holy moly

[@punkerts7711]

You can also introduce errors with it, eg. toString() become toData() ups!

[@DaveGrayTeachesCode]

Yes, know what you are changing for sure!

[@adejumoridwan]

I think I will just go with my find and replace.

[@BasemAtia1]

How did you show the green line to determine the code block of the method at the beginning of the video

[@ryansherby5678]

Is there a case-sensitive add-on for Cmd+Shft+L?

[@romfrolov]

That's pretty nit. I wonder if Fleet has such feature.

[@oussemabouyahia474]

but this isn't what we need in most cases , sometimes we have to change only variable name and not other words in path or any other places

[@thiagofdornelles]

You dont need a extension to do this, just select, ctrl shift p, and replace with preserve camel case selected

[@shoam2103]

Oh, so this is case *preserve* instead of case match. Never thought of that..

[@cijic]

SublimeText saying hello to you)

[@chuxmyk]

Haha. Recursive video with no base case. Love it. 👌🏿

[@barakvad6500]

At the start of the video, we can see a green line shows where the bracelet ends How can I do this in my vscode?

[@dansouza1623]

what's the extension matching the brackets with the green lines?

[@ThirdTyKage]

They should name it post malone… idk why but yeah that thought just came to me…

[@Colaholiker]

thank_god_for_snake_case :-)

[@AustinBuchta]

if only i new this 2 weeks ago I would have had the free time to learn about this

[@highlander8115]

I'd rather select whole words only... and only those which mach the case of the select word

[@beyourahi]

If I use vim inside VS Code, this trick doesn't work

[@kenas1049]

YOU DO NOT NEED to INSTALL THE EXTENTION BECAUSE VS HAVE IT ALREADY!

[@KJOB]

Can someone tell me the extension for the line on the first few seconds, the line that highlights the contents of the object thingy

[@arjayarjay8856]

Thanks for sharing this useful information.

[@RipperGamming4607]

Which extension u r using to highlight block of code