🔥 VS Code: Edit Like A Pro

Channel:

codeSTACKr

Subscribers:

296,000

Published on March 22, 2023 1:00:03 PM ● Video Link: https://www.youtube.com/watch?v=2oXXk9aHKAk

Duration: 1:00

991 views

49

🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com
🧑🏾‍🤝‍🧑🏽 Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Let’s say you’ve copied a list of “things” you want to add into an unordered list on your HTML page. In this case, it’s a bunch of random emojis.
Did you know you can use multiple cursors to quickly add `li` tags to each of these??
There are a couple of ways to go about it:
1. With the cursor on the first item, you can press Ctrl+Alt+Shift+downarrow to add a cursor on each line.
2. Or, highlight all of the lines with your mouse and press Shift+Alt+I to add a cursor to the end of each line. Then arrow back the items.
Then just type the `li` opening tag. It automatically created the closing tag, so I’ll have to move the emoji over by cutting and pasting.
But this is a lot quicker than doing it one line at a time.
Bonus tip: Select each item, press Ctrl+Shift+P to open the command pallet and search for wrap and you’ll see Emmet: Wrap with abbreviation. Press enter, then type `li` and Emmet will automatically wrap them all for you.
_____________________________________

🛠️ Tools I use:
🟠 codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 STACKr Code Font (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

👀 Watch Next:
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

🌐 Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #vscode #learntocode