Introduction
After teaching myself for a year I started coding full time when I joined the Founders and Coders web development bootcamp ...
For further actions, you may consider blocking this person and/or reporting abuse
Add Cursor Above
andAdd Cursor Below
Move Line Up
andMove Line Down
View: Toggle Side Bar Visibility
View: Toggle Integrated Terminal
View: Show Search
Search: Replace in Files
File: New Untitled File
View: Open Next Editor
View: Open Previous Editor
View: Close Editor
...VSCode is quite mouse-less to use.
Great tips! Learning that
alt
moved lines up and down also blew my mind! Luckily I learned that quite quickly through pairing with someone over Liveshare :)These also tremendously help my productivity since they operate not only on the current line, but also on all lines with any selection:
Copy Line Down
and/orCopy Line Down
Delete Line
Setting up VS code snippets does definitely pay off.
github.com/kriasoft/nodejs-api-sta...
I know, I can't believe how long I spent manually counting nested folders when it took 2 seconds to Google the extension haha!
Thanks for sharing!
I want to translate it into Chinese to help more developers, Can I get your authorization?
I will give credit at the top of the article.
Hi Yvette, sure that's fine with me. Please can you send me the link afterwards?
Yes, of course
It might be useful to know that you can do multi-line snippets in VS Code by providing multiple strings to the body array:
I got a lot of tips from this article a year ago:
dev.to/jsmanifest/21-vscode-shortc...
All so helpful - thank you for sharing!
I'd never even looked at Enmet and those shortcuts seem like they'll be such a QoL improvement. Bracket Pair Colorizer is a godsend!
Please use Bracket Pair Colorizer 2 which is much better & faster than the 1st edition but the developer cant change because there are breaking changes between the two editions
github.com/CoenraadS/Bracket-Pair-...
Thank you for pointing this out Augustine, I have edited the article to link to v2 and added an editorial comment :)
Emmet was better in Sublime Text. In VS Code there are many conflicts with other extensions, so often Emmet directives do not work properly .
I'm curious which you extensions you find Emmet conflicts with?
To be honest, I haven't used Emmet shortcuts that often since learning about them; I haven't written code in HTML files in a while since I mainly work in React.js. But I just Googled how to make Emmet work in React and this article helped me set it up for JSX in minutes! Yay! ✨
I am not exactly sure what causes conflict but I know if configured properly Emmet can do wonders with JSX too. It worked fine few times but then it started messing up. I could not push much time into finding the cause.
Great!
Thanks Hannah!
Amazing article. Keep going. Didn't know these existed but i will definitely use these shortcuts now.
Thanks 😀
Nice
Great tips! Thanks for the article.
Thank you for sharing.
emmet is awesome, glad they made it built-in :)
all of the extensions are must-have as well ;)
Thanks for sharing!
Thanks for sharing these shortcuts, Hannah! Very useful
While reading this, I noted that the emmet shortcodes mentioned here all work in PhpStorm as well.
Thanks for this post
Wow!
Can you tutor me? You make things look so simple and easy to understand.
vscode_and_Linux_cheat_sheet_pdf
Have a look at this also will help you
github.com/rajeev-ranjan-au6/vscod...
literal lifesaver, thank you so much Hannah!