Code faster with these VS Code shortcuts

🔥 Learn how to build a responsive website from a Figma design with HTML, SCSS, JS ➡️ coder-coder.com/responsive/
😎 Join the Coder Coder Club and get sneak peeks of videos: courses.coder-coder.com/p/club
👕 Get my hoodie here: coder-coder.com/merch
💻 Become a full-stack web dev with Zero to Mastery: academy.zerotomastery.io/a/af...
🎨 Get my VS Code theme: marketplace.visualstudio.com/...
🔽 FOLLOW CODER CODER
Twitter -- / thecodercoder
Instagram -- / thecodercoder
#css #javascript #html

[@sanketangane8658]

cntr + B : use for the show files. cntr + ~ : use for the open and closed terminal. cntr + P : use for the quick open menu. cntr + \ : use for split editor window. cntr + W : use for the closed file. cntr + shift + l : use select all matches and then edit or del. cntr + D : use for add selection to matches. shift + alt + down : use for the duplicates lines and paste it there down.

[@vatsvlogs6110]

L*

[@strategistaow3520]

2w ago cntr + b : use for the show files. cntr + ~ : use for the open and closed terminal. cntr + p : use for the quick open menu. cntr + \ : use for split editor window. cntr + w : use for the closed file. cntr + shift + 1 : use select all matches and then edit or del. cntr + d : use for add selection to matches. shift + alt + down : use for the duplicates lines and paste it there down. 15

[@user-be2gl2gg4v]

At 4:48 i ask my self whether we have a way to select multiple elements by using combined keyboard and mouse click (like when we select multiple folders in window)

[@misfisito]

thanks

[@Sportgameww]

[@ehhhhhhhhhh]

My favorite: alt + leftarrow or alt + rightarrow. It's undo/redo for cursor location, so if you've gone down some rabbit hole reading two other files, you can jump back to the exact locations where your cursor was previously. Absolutely love it for reading code. You can also change the number of lines that any scrolling shortcut will scroll, so for example I have the command for "editorScroll" set to "halfPage".

[@H3CUPS]

how to move the cursor left and right without the arrow keys as it is very annoying when you have to get out of a bracket and you have to lift your hand just to press that small right arrow key , can you tell which finger you guys use ? or is there a shortcut you guys use ?

[@magia136]

I use my mouse 4 and mouse 5 button for this

[@danielmadison4451]

I found out how to skip when using Ctrl-D. When you hit Ctrl-D and find a selection you want to skip, just hit Ctrl-K and Ctrl-D and it will deselect it. 🙂

[@TheCoderCoder]

Oh nice, thank you!

[@robinheyer708]

In my experience it's also better not to select the word you want to replace because parts of methods or texts might get selected as matches as well. Using Ctrl + D without highlighting the word first seems to do a far better job with finding matching strings.

[@zura8635]

You can also click and hold alt button and press selection with mouse button to deselect the selec

[@Daddy12344]

How to end and start new terminal. Like if I am using mongoose server than every time I have to close the terminal and start new terminal to test the result.

[@user-be2gl2gg4v]

At 4:48 i ask my self whether we have a way to select multiple elements by using combined keyboard and mouse click (like when we select multiple folders in window)

[@hamed8945]

Your definitions are all convenient and easy to understand . You try to avoid complicating things and that is awesome . Thank you a lot

[@josselogam]

Thank you very much when I think about shortcuts I always have to come back to this video!

[@phucnguyen0110]

Great video, Jessica! Even though other people have already done similar things, it's always nice to see this popping up once again

[@TheCoderCoder]

Glad you enjoyed it!

[@Alejandro00710]

Ctrl/Cmd + Enter, didn't know and is a game changer, thank you.

[@solitarygrounds]

ty for this im currently taking a coding course online and im watching them do these things and they never explain how they do it lol now i just gotta build up the muscle memory! :D

[@max_u6052]

Very helpful, saves a ton of time. Thank you very much. 😊

[@denqi1]

Thanks for these incredible shortcuts!

[@arkapravabera3551]

after a long i'm watching your video . I'm so glad that you're back . 😊😊 please upload more often . I love your videos . they help a lottttttt . Thank you 😊😊😊😊😊😊

[@AllisonHammondAZAD]

Shift + Alt + down => game-changer! Thanks Jess!

[@TheCoderCoder]

haha no problem!

[@luciusrex]

thanks for sharing! needed this!

[@VermaAman]

For opening another file in split view, you can use Ctrl+2 to split window instead of splitting current file. Also, Ctrl+J can be good alternative to Ctrl+`

[@TheCoderCoder]

Oh that's great, thank you for sharing!

[@anotheryoutuberperson38]

OMG thank you!!! I learned so much ❤️

[@Cocodrillo3011]

You're a life saver! Awesome video!

[@malamincamara5939]

I am soooooo happy for this video❤! It’s super useful, Thank you.

[@TheCoderCoder]

awesome, glad you found this helpful!

[@fantasticpirate5196]

Thanks for everything Jess!

[@paultapping9510]

ctrl+enter is an excellent tip, thank you!

[@aromaldileep3386]

I really needed that. It sounds silly, but it's true.

[@TalesGrechi]

Nice tips! Another one I know is Ctrl + Shift + T to keep reopening the last file closed. This also works on browsers! 😃👍

[@hani5229]

You can also learn vim motions and use the vim motions extensions and customise all of your shortcuts

[@yahmk3978]

Thank you very much!

[@hassaneoutouaya]

Thank you so much

[@abelbeyene868]

that was very helpful, thank you

[@farzadbahadorifar1126]

thank you this video is really helpful for me.

[@iamtharunraj]

Wow, this is super helpful! Thanks 😄

[@Blackdiamond929_]

Excelente! thanks for making this less tedious for me.

[@kostadinhariskov6137]

Thank you. Very informative and strait to the point video.

[@zavioxx8670]

So Helpful!

[@gauravmali6250]

That's cool , Thanks for sharing with us.

[@user-yz2mv8kn4x]

ty, learnt a few, will use in my workflow :) 🙏

[@TheCoderCoder]

Glad this could help!

[@user-nz7ww6lq1v]

Excellent as usual.

[@Benjamin-Chavez]

Subscribed. Thanks!

[@shaikhfoysal4426]

Good video. I know most of them few don't know. Thanks for sharing.

[@datatech6589]

very HELPFUL thank you

[@Milamor_]

Your videos are amazing 😊

[@nandakresna41]

Thanks a lot! I really need this ❤

[@TheCoderCoder]

You're welcome!

[@pranavjoshi7697]

Thanks

[@Mahmudul_Hasan92]

Really helpful, thanks.

[@kamoliddintrade]

Thank you

[@doudi0101]

thanks ❤

[@surajmaurya1515]

Thank You👍👍

[@truemufti]

amazing shortcut.

[@arjunSingh-nh9sn]

this really helpful, love from India , thanks for sharing

[@tomzor8971]

Thanks for this!! Do you have a video with the 'best' javascript setup? Which plugins etc? 🤔

[@mh_kohansal]

thanks

[@MoonlitRitual]

I had a mindgasm. Thanks for the faster shortcuts

[@Tcrrxzz]

As a Python coder/programmer, I approve this video and do recommend this to HTML CSS and JavaScript coders. 😊

[@acubley]

Nice list. I, too, changed copy lines default shortcut. I came from Notepad++ and that was its shortcut.

[@TheCoderCoder]

I used to use Notepad++ too!

[@pranavgoel29]

I particularly love using Ctrl + D and Alt + down/up key, as always loved the transitions 😁 you can also use ctrl + J for changing the terminal panel visibility, it will act as same as when we close that panel. Found myself some new shortcuts

[@TheCoderCoder]

oh nice, Ctrl + J is probably better than Ctrl+` for the whole panel. Thanks for watching!

[@Striech]

if you're already going to use Alt + down/up key, why not just use Shift + Alt + down/up key to duplicate as well? "technically that would be faster" ☝🤓

[@TheCoderCoder]

@@Striech that's a good point! 😅

[@user-bh9ur3qq3v]

Brilliant!

[@joey2545]

Awesome video! Thanks for always making such great content. I was wondering what that LED box with the fire was behind your Bose speaker?

[@TheCoderCoder]

Thanks so much! The brand is called Tidbyt

[@jackylam3322]

So useful but most KZbinr never mentioned❤❤ Thank you

[@TheCoderCoder]

Glad this could help!

[@rigbyb]

Thx very much

[@beingnoushad]

Aweome tricks and tips .

[@lileightright]

Cool tricks-thanks for sharing! Note: You can take this to the next level by combining Vim keymaps, such as splitting windows and scrolling up and down, etc. This way, you will rarely need a mouse when coding.

[@rendivs925]

thanks miss

[@sritharan8783]

Mam your video lot of helpfull to run fast

[@salahdaniel]

hi what do you use to record ur screen ?

[@ajayvadadre7660]

What camera do u use?

[@Mcoder2023]

You can find keyboard shortcuts reference in help menu

[@danielmadison4451]

Great shortcuts! Love your channel. I love love love the Ctr Enter to open a new line while STUCK in the current line. But here is one that is even better. Ctrl Shift Enter. It opens a line ABOVE your current line. Wow are these 2 the best ever. Can you tell me how to skip, i.e., not select an occurrence while typing Ctrl D?

[@TheCoderCoder]

They're a great combo! I don't know how to skip 😭

[@colindante5164]

Ctrl + F ( Opens up the Find/Replace dialog box. Click arrow to the left of the dialog box to open up the "toggle Replace" field. ). Enter desired values in the "Find" and "Replace" fields. Alternatively, you could highlight the text you wish to change and press Ctrl + F and this populates the "Find" field with the highlighted text. Click the arrows to the far right of the dialog box to cycle through the selection instances and press the "Replace" button to change it's value. Just a side note but you could replace all values by clicking the "Replace All" button. Hope it wasn't too confusing. ))

[@althaf9213]

I heard we can use Ctrl + K to skip when we multiple select by Ctrl+D. Like if it is helpful

[@felixgraphx]

I personally have set ctrl+shift+D to duplicate lines. Leaving ctrl d to add selection.

[@tinaberry1355]

nice!

[@MrAndrewsome]

🎉 I use them all

[@zaidofficials]

I knew most of that but still helpfull. I'd like to add one more Ctrl + space = show suggestion Big fan sissy ❤

[@systemhacker]

How to switch focus from editor to terminal and vice versa?

[@mohsennoori1304]

Nice, Programmers need these type of videos ❤

[@TheCoderCoder]

thanks so much!

[@sevenseen]

[cmd] + [`~] didn't work on my mac... is it something i have to add myself, or is it supposed to be native?

[@KhalidKhan-sb1xm]

is there any shortcut for looking at camera and the screen

[@joeneuman3799]

When I'm typing code in like a function Name( | ) I find myself stuck between the two ( ). How do I quickly get out past the last ) without clicking the End button on my keyboard?

[@user-xq2wo4sp8q]

realy helpfull

[@PeterRobinson-bk2hk]

Pls I must ask wasn't davinci resolve you use to edit your video

[@cihlacezet231]

Great video thnx for sharing. I will add one note. If you have AMD GPU and you are using "Adrenaline SW" the CTRL+SHIFT+L shortcut is not working because it is linked to some function in adrenanline. So you can use in VS code CTRL+F2 with same result (mark all ocurencies) or you can change or disable CTRL+SHIFT+L shortcut in adrenaline softtware.. ;) It took some hard time to me to find this.

[@wilhelmburger9588]

Thank you for these shortcuts. Made me use my mouse 500 times less every 30 minutes.

[@markgamboa8183]

Estoy en España y esta explicación me ha gustado, ya me suscribí.... Mil gracias, estoy empezando en programación. 🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉

[@TheCoderCoder]

gracias!

[@stevenluoma1268]

ctrl + shift + o is the default for the "search for symbol" so you don't have to do ctrl + p and then @.

[@anthonychan149]

I tend to use vim/emac workflows directly on the systems i work with but with some of these tips + ssh capabilities of VS code, super cool stuff! Thanks for the vid!

[@TheCoderCoder]

niiiiice!! 🔥someday I need to level up and try vim 😅

[@EmmanuelOloyede]

​@@TheCoderCoderyou'd love it 😅

[@sutirk]

​@@TheCoderCoder Start with vim plugin on vscode, it could definitely improve your workflow even further by not having to move your hands to the arrow keys Fully configuring vim/neovim and getting used to it usually takes some time

[@ZephniStrife]

Got excited about Ctrl + Enter to create a new line no matter where the cursor is within the previous line... but Copilot uses that shortcut for the multiple suggestions window :( Also, I used to use Ctrl + D to duplicate lines aswell... I think this may be because I came from "Sublime Text 2". But it helped in the end to just get used to using Alt + Shift + Down which is the default.

[@strategistaow3520]

you should have also mention ctrl +z as it was bext thing i never knew that thing before i have coded for like 6 month without it and it was painful becauce teacher didnt used it proboble didnt knew

[@Danione11]

Welcome back coder : )

[@TheCoderCoder]

thank you!

[@sudeepmaharjan6378]

Perfect.

[@TECHJOSEPH2006]

I need a Shortcut to jump to middle of next tag in vscode visual studio, thanks

[@AndriusRacing]

im wondering is there shortcut to quit parenthesis without pressing arrow keys? thanks ☺

[@mounirsud12]

thank you

[@kanokfaisalhaque8890]

Assalamu walaikum.. Those are really great . thank you

[@bhaveshbhingradiya2329]

very good

[@user-bv2rd6nl2x]

Nice

[@programmersohel]

Great!

[@maheh360]

WOW thank you so much maam😍👑❤

[@TheCoderCoder]

You're welcome!

[@yalmeme]

after ctrl + up/down, how do I focus on for example center of area, visible in current moment? without mouse

[@laurensverhagen3288]

I was wondering the same 🙃

[@srinadh1064]

what is the theme you are using?

[@themarksmith]

crazy usefil!

[@tanuj05]

Nice video

[@BudaSuyasa]

Even though i already fast by using vim extension, this tutorial is super awesome. That's visual on keypress so satisfying!

[@nabil731]

Which theme did you use?

[@teachitkh]

great

[@lombervid]

Ctrl + K is used together with Ctrl + D, to skip one (the last) selection.

[@TheCoderCoder]

Cool! Thanks for sharing it!

[@abanoubmaher6273]

thank you ❤ what is the theme name you using in vs code

[@TheCoderCoder]

Coder Coder Dark 😁

[@tristanwait4itlegendary]

Page down key is a Life saver