* 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
@@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 :)
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
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...)
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 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
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.
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 :)
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”).
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.
@@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.
@@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
@@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