Code faster with these VS Code shortcuts

  Переглядів 281,470

Coder Coder

Coder Coder

День тому

🔥 My course: Responsive Design for Beginners! coder-coder.com/responsive/?u...
💻 Become a full-stack web dev with Zero to Mastery: academy.zerotomastery.io/a/af...
🎨 My VS Code theme: marketplace.visualstudio.com/...
👕 Coder Coder merch: coder-coder.myspreadshop.com/
🔽 FOLLOW CODER CODER
Blog -- coder-coder.com/
Twitter -- / thecodercoder
Instagram -- / thecodercoder
#css #javascript #html

КОМЕНТАРІ: 267
@sanketangane8658
@sanketangane8658 4 місяці тому
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
@vatsvlogs6110 4 місяці тому
L*
@strategistaow3520
@strategistaow3520 3 місяці тому
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
@user-be2gl2gg4v 3 місяці тому
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
@misfisito 6 днів тому
thanks
@ehhhhhhhhhh
@ehhhhhhhhhh 4 місяці тому
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".
@hamed8945
@hamed8945 2 місяці тому
Your definitions are all convenient and easy to understand . You try to avoid complicating things and that is awesome . Thank you a lot
@danielmadison4451
@danielmadison4451 5 місяців тому
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
@TheCoderCoder 5 місяців тому
Oh nice, thank you!
@robinheyer708
@robinheyer708 4 місяці тому
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
@zura8635 3 місяці тому
You can also click and hold alt button and press selection with mouse button to deselect the selec
@Daddy12344
@Daddy12344 3 місяці тому
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
@user-be2gl2gg4v 3 місяці тому
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)
@hani5229
@hani5229 4 місяці тому
You can also learn vim motions and use the vim motions extensions and customise all of your shortcuts
@phucnguyen0110
@phucnguyen0110 4 місяці тому
Great video, Jessica! Even though other people have already done similar things, it's always nice to see this popping up once again
@TheCoderCoder
@TheCoderCoder 4 місяці тому
Glad you enjoyed it!
@Alejandro00710
@Alejandro00710 4 місяці тому
Ctrl/Cmd + Enter, didn't know and is a game changer, thank you.
@AllisonHammondAZAD
@AllisonHammondAZAD 5 місяців тому
Shift + Alt + down => game-changer! Thanks Jess!
@TheCoderCoder
@TheCoderCoder 5 місяців тому
haha no problem!
@solitarygrounds
@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
@arkapravabera3551
@arkapravabera3551 4 місяці тому
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 😊😊😊😊😊😊
@VermaAman
@VermaAman 4 місяці тому
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
@TheCoderCoder 4 місяці тому
Oh that's great, thank you for sharing!
@max_u6052
@max_u6052 5 місяців тому
Very helpful, saves a ton of time. Thank you very much. 😊
@denqi1
@denqi1 5 місяців тому
Thanks for these incredible shortcuts!
@voxelfied
@voxelfied 3 місяці тому
Vim: allow me to introduce myself
@anthonychan149
@anthonychan149 5 місяців тому
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
@TheCoderCoder 5 місяців тому
niiiiice!! 🔥someday I need to level up and try vim 😅
@EmmanuelOloyede
@EmmanuelOloyede 4 місяці тому
​@@TheCoderCoderyou'd love it 😅
@sutirk
@sutirk 4 місяці тому
​@@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
@luciusrex
@luciusrex 4 місяці тому
thanks for sharing! needed this!
@tomzor8971
@tomzor8971 4 місяці тому
Thanks for this!! Do you have a video with the 'best' javascript setup? Which plugins etc? 🤔
@paultapping9510
@paultapping9510 4 місяці тому
ctrl+enter is an excellent tip, thank you!
@aromaldileep3386
@aromaldileep3386 3 місяці тому
I really needed that. It sounds silly, but it's true.
@anotheryoutuberperson38
@anotheryoutuberperson38 2 місяці тому
OMG thank you!!! I learned so much ❤️
@pranavgoel29
@pranavgoel29 5 місяців тому
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
@TheCoderCoder 5 місяців тому
oh nice, Ctrl + J is probably better than Ctrl+` for the whole panel. Thanks for watching!
@Striech
@Striech 4 місяці тому
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
@TheCoderCoder 4 місяці тому
@@Striech that's a good point! 😅
@malamincamara5939
@malamincamara5939 5 місяців тому
I am soooooo happy for this video❤! It’s super useful, Thank you.
@TheCoderCoder
@TheCoderCoder 5 місяців тому
awesome, glad you found this helpful!
@fantasticpirate5196
@fantasticpirate5196 5 місяців тому
Thanks for everything Jess!
@mohidenadam
@mohidenadam 5 місяців тому
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.
@angelcintron6227
@angelcintron6227 Місяць тому
You're a life saver! Awesome video!
@kostadinhariskov6137
@kostadinhariskov6137 14 днів тому
Thank you. Very informative and strait to the point video.
@joey2545
@joey2545 5 місяців тому
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
@TheCoderCoder 5 місяців тому
Thanks so much! The brand is called Tidbyt
@arjunSingh-nh9sn
@arjunSingh-nh9sn 3 місяці тому
this really helpful, love from India , thanks for sharing
@shaikhfoysal4426
@shaikhfoysal4426 5 місяців тому
Good video. I know most of them few don't know. Thanks for sharing.
@jackylam3322
@jackylam3322 5 місяців тому
So useful but most UKpostsr never mentioned❤❤ Thank you
@TheCoderCoder
@TheCoderCoder 5 місяців тому
Glad this could help!
@farzadbahadorifar1126
@farzadbahadorifar1126 5 місяців тому
thank you this video is really helpful for me.
@abelbeyene868
@abelbeyene868 3 місяці тому
that was very helpful, thank you
@danielmadison4451
@danielmadison4451 5 місяців тому
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
@TheCoderCoder 5 місяців тому
They're a great combo! I don't know how to skip 😭
@colindante5164
@colindante5164 5 місяців тому
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
@althaf9213 4 місяці тому
I heard we can use Ctrl + K to skip when we multiple select by Ctrl+D. Like if it is helpful
@user-nz7ww6lq1v
@user-nz7ww6lq1v Місяць тому
Excellent as usual.
@gauravmali6250
@gauravmali6250 4 місяці тому
That's cool , Thanks for sharing with us.
@user-yz2mv8kn4x
@user-yz2mv8kn4x 5 місяців тому
ty, learnt a few, will use in my workflow :) 🙏
@TheCoderCoder
@TheCoderCoder 5 місяців тому
Glad this could help!
@Tcrrxzz
@Tcrrxzz 4 місяці тому
As a Python coder/programmer, I approve this video and do recommend this to HTML CSS and JavaScript coders. 😊
@MoonlitRitual
@MoonlitRitual 2 місяці тому
I had a mindgasm. Thanks for the faster shortcuts
@nandakresna41
@nandakresna41 5 місяців тому
Thanks a lot! I really need this ❤
@TheCoderCoder
@TheCoderCoder 5 місяців тому
You're welcome!
@hassaneoutouaya
@hassaneoutouaya 5 місяців тому
Thank you so much
@Milamor_
@Milamor_ 5 місяців тому
Your videos are amazing 😊
@datatech6589
@datatech6589 4 місяці тому
very HELPFUL thank you
@yahmk3978
@yahmk3978 4 місяці тому
Thank you very much!
@acubley
@acubley 4 місяці тому
Nice list. I, too, changed copy lines default shortcut. I came from Notepad++ and that was its shortcut.
@TheCoderCoder
@TheCoderCoder 4 місяці тому
I used to use Notepad++ too!
@Mellon00
@Mellon00 3 місяці тому
Tip 1: use Vim
@user-bh9ur3qq3v
@user-bh9ur3qq3v Місяць тому
Brilliant!
@felixgraphx
@felixgraphx 4 місяці тому
I personally have set ctrl+shift+D to duplicate lines. Leaving ctrl d to add selection.
@Benjamin-Chavez
@Benjamin-Chavez 4 місяці тому
Subscribed. Thanks!
@Mahmudul_Hasan92
@Mahmudul_Hasan92 27 днів тому
Really helpful, thanks.
@BudaSuyasa
@BudaSuyasa 4 місяці тому
Even though i already fast by using vim extension, this tutorial is super awesome. That's visual on keypress so satisfying!
@realitysagareels
@realitysagareels 4 місяці тому
thank you so much
@pranavjoshi7697
@pranavjoshi7697 5 місяців тому
Thanks
@zaidofficials
@zaidofficials 5 місяців тому
I knew most of that but still helpfull. I'd like to add one more Ctrl + space = show suggestion Big fan sissy ❤
@truemufti
@truemufti 4 місяці тому
amazing shortcut.
@cihlacezet231
@cihlacezet231 3 місяці тому
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.
@doudi0101
@doudi0101 3 місяці тому
thanks ❤
@mohsennoori1304
@mohsennoori1304 5 місяців тому
Nice, Programmers need these type of videos ❤
@TheCoderCoder
@TheCoderCoder 5 місяців тому
thanks so much!
@wilhelmburger9588
@wilhelmburger9588 3 місяці тому
Thank you for these shortcuts. Made me use my mouse 500 times less every 30 minutes.
@Mcoder2023
@Mcoder2023 4 місяці тому
You can find keyboard shortcuts reference in help menu
@markgamboa8183
@markgamboa8183 4 місяці тому
Estoy en España y esta explicación me ha gustado, ya me suscribí.... Mil gracias, estoy empezando en programación. 🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉
@TheCoderCoder
@TheCoderCoder 4 місяці тому
gracias!
@rigbyb
@rigbyb 5 місяців тому
Thx very much
@rendivs925
@rendivs925 5 місяців тому
thanks miss
@beingnoushad
@beingnoushad 5 місяців тому
Aweome tricks and tips .
@quvomiddinkamalov3292
@quvomiddinkamalov3292 2 місяці тому
Thank you
@stevenluoma1268
@stevenluoma1268 3 місяці тому
ctrl + shift + o is the default for the "search for symbol" so you don't have to do ctrl + p and then @.
@mh_kohansal
@mh_kohansal 3 місяці тому
thanks
@sarojregmi200
@sarojregmi200 5 місяців тому
First few lines of this video, are the very reason people go with vim and nvim or emacs. Great video.
@TheCoderCoder
@TheCoderCoder 5 місяців тому
So true!
@sudeepmaharjan6378
@sudeepmaharjan6378 5 місяців тому
Perfect.
@salahdaniel
@salahdaniel 4 місяці тому
hi what do you use to record ur screen ?
@MrAndrewsome
@MrAndrewsome 3 місяці тому
🎉 I use them all
@tinaberry1355
@tinaberry1355 5 місяців тому
nice!
@ZephniStrife
@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.
@kanokfaisalhaque8890
@kanokfaisalhaque8890 4 місяці тому
Assalamu walaikum.. Those are really great . thank you
@user-xq2wo4sp8q
@user-xq2wo4sp8q 14 днів тому
realy helpfull
@judyodiakose6838
@judyodiakose6838 5 місяців тому
Great video... You can use Ctrl left or right arrow to move between words faster
@TheCoderCoder
@TheCoderCoder 5 місяців тому
That's a great one! I use it a lot 🔥
@Danione11
@Danione11 5 місяців тому
Welcome back coder : )
@TheCoderCoder
@TheCoderCoder 5 місяців тому
thank you!
@lombervid
@lombervid 5 місяців тому
Ctrl + K is used together with Ctrl + D, to skip one (the last) selection.
@TheCoderCoder
@TheCoderCoder 5 місяців тому
Cool! Thanks for sharing it!
@strategistaow3520
@strategistaow3520 3 місяці тому
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
@angelethunder6723
@angelethunder6723 4 місяці тому
Quality coding content. Subbed !
@maheh360
@maheh360 5 місяців тому
WOW thank you so much maam😍👑❤
@TheCoderCoder
@TheCoderCoder 5 місяців тому
You're welcome!
@tristanwait4itlegendary
@tristanwait4itlegendary 2 місяці тому
Page down key is a Life saver
@user-bv2rd6nl2x
@user-bv2rd6nl2x 5 місяців тому
Nice
@themarksmith
@themarksmith 4 місяці тому
crazy usefil!
@PeterRobinson-bk2hk
@PeterRobinson-bk2hk Місяць тому
Pls I must ask wasn't davinci resolve you use to edit your video
@siddhant2002
@siddhant2002 4 місяці тому
*Ctrl + Enter* keys combo i didn't know that 😮 really it was so annoying to go to end of line then press enter.
@salah0086
@salah0086 Місяць тому
Excuse me if the comment is irrelevant, to the video. But i started using vs code for python lately, and i noticed that the code runs much slower on debug mode. This is a problem to me as my codes can take too long already. so if i wanted to debug the last lines it would take much time for the debugger to get to the breakpoint. Is there a way for the debugger to run as fast as the regular run?
@HikaruAkitsuki
@HikaruAkitsuki 3 місяці тому
It's kinda different on Linux both in Fedora and Debian/Ubuntu a little bit. Since I use alternatively sometimes, I'm still stumbled.
@birsingh5388
@birsingh5388 4 місяці тому
I like your snake plant behind your chair 😊
@TheCoderCoder
@TheCoderCoder 4 місяці тому
haha thank you!
@TECHJOSEPH2006
@TECHJOSEPH2006 3 місяці тому
I need a Shortcut to jump to middle of next tag in vscode visual studio, thanks
@itsmelukario5969
@itsmelukario5969 4 місяці тому
🔥🔥🔥
@ajayvadadre7660
@ajayvadadre7660 5 місяців тому
What camera do u use?
@programmersohel
@programmersohel 5 місяців тому
Great!
@nighthustler15
@nighthustler15 5 місяців тому
I know it's silly but jusss clear me from this dude. which one is right to learn & start right now. I'm stucked here with outdated MERN stack course & i learnt some more things in React & Sass. Is there any way to land a job without paying to institution & who awaits a job for a money. NOTE : I'm following you from long so, don't ignore it & break my respect on you dude. Juss reply wisely.🌚
@TheCoderCoder
@TheCoderCoder 5 місяців тому
Sorry, I'm not really up to date on JS stack stuff
@amdadullahraihan7694
@amdadullahraihan7694 5 місяців тому
Cntr+Enter is more efficient than manually moving the cursor.
@cosecseccot
@cosecseccot 4 місяці тому
Even better would be to install the vim plugin
@mounirsud12
@mounirsud12 5 місяців тому
thank you
@tanuj05
@tanuj05 4 місяці тому
Nice video
@bhaveshbhingradiya2329
@bhaveshbhingradiya2329 2 місяці тому
very good
@akhintheruvath
@akhintheruvath 3 місяці тому
ctrl + shift + Enter to insert a line above
@abanoubmaher6273
@abanoubmaher6273 5 місяців тому
thank you ❤ what is the theme name you using in vs code
@TheCoderCoder
@TheCoderCoder 5 місяців тому
Coder Coder Dark 😁
@31ashaswatraj44
@31ashaswatraj44 Місяць тому
You should write an article for that
12 VS Code Extensions to INCREASE Productivity 2024
27:13
Devression
Переглядів 435 тис.
Vim Motions for absolute beginners!!!
7:25
Dispatch
Переглядів 113 тис.
Історія загиблого Назара Небожинського
00:54
Суспільне Рівне
Переглядів 876 тис.
30 VSCode Keyboard Shortcuts You NEED to Know
17:15
ArjanCodes
Переглядів 58 тис.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Переглядів 875 тис.
Git, GitHub, & GitHub Desktop for beginners
22:16
Coder Coder
Переглядів 687 тис.
Use This AI Code Editor Instead
6:35
Catalin Pit
Переглядів 20 тис.
3 Types of Algorithms Every Programmer Needs to Know
13:12
ForrestKnight
Переглядів 418 тис.
How Senior Programmers ACTUALLY Write Code
13:37
Healthy Software Developer
Переглядів 1,2 млн
CSS Tips And Tricks I Wish I Knew Before
12:12
Lama Dev
Переглядів 393 тис.
How to take control of Flexbox
16:01
Kevin Powell
Переглядів 75 тис.
Zed “kills” VSCode
12:10
Alex Ziskind
Переглядів 441 тис.