Тёмный

What VSCode shortcuts do I use to be efficient at coding 

Web Dev Cody
Подписаться 223 тыс.
Просмотров 8 тыс.
50% 1

------------
🤑 Patreon / webdevjunkie
🔔 Newsletter eepurl.com/hnderP
💬 Discord / discord
📁. GitHub github.com/codyseibert/youtube

Опубликовано:

 

25 авг 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 54   
@bingerminn
@bingerminn Год назад
This is awesome! Always wondered what shortcuts you use to traverse and edit code so quick in your vids.
@cotneit
@cotneit Год назад
F2 is super useful because it renames symbol across your entire codebase It's much more powerful than Find and Replace for that purpose
@andrewconnors6359
@andrewconnors6359 Год назад
* Option + shift + down arrow will duplicate the line under the cursor * Command + option + shift + up/down arrow will create multiple cursors on the lines above/below (and then you can do fun things like Cmd + D to select the word under all these cursors, or Option + left/right arrow to move all cursors forward/back by 1 word). Very clutch for making mass edits quickly
@balduin_b4334
@balduin_b4334 Год назад
damn that TS Project scan is what I was looking for
@tommyliao7130
@tommyliao7130 Год назад
CMD + x is cut, so it'll be saved to clipboard for pasting later. CMD + Shift + L will select every instance, instead of holding down CMD + d.
@WebDevCody
@WebDevCody Год назад
Nice I need to try that cmd shift L
@hughlilly
@hughlilly Год назад
@@WebDevCody ⌘-Shift-K deletes the current line - and if you have Emmet set up to work inside JSX, you can use its “Remove Tag” function, saving you the need to go and find the corresponding closing tag :)
@cotneit
@cotneit Год назад
22:29 - project-wide error reporting for TS is experimental because it's a huge performance overhead (at least it used to be), this is especially noticeable on large projects or weak machines
@shiroy8856
@shiroy8856 Год назад
Thank you so much for all this knowledge 🙏🙏
@markopolo2224
@markopolo2224 Год назад
amazingly useful video thank you a lot!!!
@hunterbertoson156
@hunterbertoson156 Год назад
Could you do a video explaining how to use MVC in Next?
@acidhauss7018
@acidhauss7018 Год назад
Ctrl+B and Ctrl+P are the ones I use the most basically - super essential if you only use a laptop screen.
@cotneit
@cotneit Год назад
Ctrl + ` (backtick) is also quite useful
@bearres
@bearres Год назад
Take a look at source maps for debugging minified CSS and JS files. Also, React Developer Tools for Chrome and Firefox are very handy for debugging (sorry had a whole write-up with links and the page decided to refresh...)
@WebDevCody
@WebDevCody Год назад
Yup good suggestions!
@nicolascossio5961
@nicolascossio5961 Год назад
I feel like the best setup is using the vim extension for vscode. The modal editor allows you to have many customized shortcuts which are shorter and are more mnemonically sound, hence they are way easier to remember than the default command+shift+option+blahblahblah. For example for fixing errors i use (which i set to space) + f (for fix). Or +r+r for renaming. Or g+d for go to definition. It takes sometime to get used to it if you have never used it before, but it makes sense and I think is better, faster and easier to use.
@WebDevCody
@WebDevCody Год назад
Eh, idk I used vim for a while and tried to get fast at the shortcuts, I just find using my trackpad much faster regardless
@nicolascossio5961
@nicolascossio5961 Год назад
@@WebDevCody it takes time and if ur already used to and know all the normal vscode shorcuts I guess the vim extension it's not worth the time investment. Still for me it works wonders. As long as u feel productive what the heck does it matter what you use, i'm far from a vim evangelist hahaha
@sachinahya7502
@sachinahya7502 Год назад
CMD + L selects the current line and repeating it selects the following lines. Usually I'm about to paste code so I normally do that and then Backspace to delete code instead of CMD + X so it doesn't overwrite the clipboard.
@xxri552
@xxri552 Год назад
Another BANGER
@DARSHAN1212
@DARSHAN1212 Год назад
Thanks 🙏 for sharing
@StrikerFeed
@StrikerFeed Год назад
About disabling animation for switching between desktops: I guess you've turned on "Reduce motion". But this thing is bad especially for us, developers, because web browsers detect this option and disable animations. What you can do instead: firstly, create 10 desktops (it's necessary for creating shortcuts). Then, go to "Preferences > Keyboard > Shortcuts > Mission control", and here assign your "Switch to Desktop {n}" to "control+{n}" (I have mine from control+1 to control+0). The benefit is that when you switching between desktops via shortcuts - transition is much faster than if you would've done this with trackpad gesture. I hope it'll be good for you to know :)
@WebDevCody
@WebDevCody Год назад
I’ll have to try that out
@apexroots
@apexroots Год назад
Cmd x = cut line Cmd shift k = delete line
@yp5387
@yp5387 Год назад
Do you have all these shortcuts documented somewhere?
@lukor-tech
@lukor-tech Год назад
In future it'd be nice to see keyboad keystrokes as well on screen. I know there are recording tools that allow you to do that :)
@WebDevCody
@WebDevCody Год назад
I tried turning that on but it’s distracting to me
@acabreragnz
@acabreragnz Год назад
Vs code already have that, it is called presentation mode or something like that
@hughlilly
@hughlilly Год назад
You can set references.preferredLocation to always show the sidebar References View instead of the Peek view when you press ⇧-⌥-F12, FYI. I didn’t know about ⌘-⇧-[ and ⌘-⇧-] to switch open editors; I’ve been using ^-Tab, which brings up a switcher. One benefit there is that you can keep holding control as you repeatedly press Tab to switch to, say, the fourth or fifth file out of the 7 you might have open. Edit: just learned about ⌘-F2: “Select all occurrences of current word” - both more dangerous and possible sometimes more useful than ⇧-⌘-L (“Select all occurrences of current selection”).
@vishalbhati8974
@vishalbhati8974 Год назад
Video on extensions please
@AyushSethGuitarCovers
@AyushSethGuitarCovers Год назад
What is that extension that shows you the error message in the same line?
@AyushSethGuitarCovers
@AyushSethGuitarCovers Год назад
found it, it's called Error Lens
@Eldrac
@Eldrac Год назад
My top efficiency recommendation - get multiple monitors :D
@WebDevCody
@WebDevCody Год назад
I used to have three, but I found it more distracting haha, I also like to move around a lot when I work, so a laptop works best for me
@raygan3
@raygan3 Год назад
How do you press f2 on your Mac?
@WebDevCody
@WebDevCody Год назад
Hold fn key then press f2
@VictorMartins239
@VictorMartins239 Год назад
my preferred shortcut is alt + f4
@WebDevCody
@WebDevCody Год назад
That’s a good one. I also like holding down the power button to give my cpu more cpu speed
@thetheory291
@thetheory291 Год назад
Haha
@damagee8141
@damagee8141 Год назад
To my fellow windows users: Set your home and end key to alt + left arrow and alt + right arrow. This lets you access the beginning or end of a line faster and without the need of pressing an awkwardly positioned key. Mac users get this functionality by default when they press cmd + right/left arrow, I believe. Further more, I used to press ctrl + L + backspace to delete a line but since you can just press ctrl + x to cut the entire line, this was unnecessarily complex.
@chillchill0409
@chillchill0409 Год назад
It's ctrl+home(end) for window and u shouldn't overwrite alt+left(right) for navigating
@damagee8141
@damagee8141 Год назад
@@chillchill0409 Not sure what you are trying to say and why shouldn't I overwrite alt + right/left arrow?
@johnddonnet5151
@johnddonnet5151 Год назад
Shift + Delete to delete whole line, Crl + Delete to delete right part of selected text. Your thing is too complicated
@damagee8141
@damagee8141 Год назад
@@johnddonnet5151 Why is shift + delete less complicated than ctrl + x?
@1shotter
@1shotter Год назад
@@damagee8141 I understand your point. I hate having to press the Home key on the right side of the keyboard and wanted a quicker way to go to the top and end of the page quickly, so thank you.
@SeibertSwirl
@SeibertSwirl Год назад
Good job love ❤️
@musfiqsalimov7765
@musfiqsalimov7765 Год назад
Have you tried vim ?
@WebDevCody
@WebDevCody Год назад
Yeah
@merotuts9819
@merotuts9819 Год назад
True, you can achieve most of these features with few Vim keybindings.
@WilliamWelsh
@WilliamWelsh Год назад
should really take time to learn the how to use the vim extension, it multiples all of this times a hundred
@WebDevCody
@WebDevCody Год назад
Git any videos of a power vim user coding react apps? I don’t think vim makes anything much faster
@Daiivys
@Daiivys Год назад
@@WebDevCody Agree!! its like if I was telling everyone to learn vscode because it has pretty neat extensions and if you learn a lot of shortcuts its pretty good that's just obnoxious, like great you use vim that's really cool that fits to you that well but for me that's not what I want
@nicolascossio5961
@nicolascossio5961 Год назад
@@Daiivys he means the vim extension for vscode, which gives u vim's modal editor inside VSCode. I personally think it's the best setup bc in my mind the shortcuts I have set make more sense and make me use them more often. But to each their own, I don't think it makes me much faster, for me it's more of a preference and mnemonics thing
Далее
25 VS Code Productivity Tips and Speed Hacks
11:35
Просмотров 2,3 млн
Should you learn C++?? | Prime Reacts
20:29
Просмотров 333 тыс.
5 Pro-Level React Do's & Don'ts
30:06
Просмотров 175 тыс.
My Visual Studio Code Setup for Web Development
13:56
Vim Tips I Wish I Knew Earlier
23:00
Просмотров 44 тыс.
TypeScript Generics are EASY once you know this
22:21
Просмотров 128 тыс.