[#Script #Coding] 🔥 VS Code: Edit Like A Pro

Spread the love

🔥 VS Code: Edit Like A Pro

By codeSTACKr
Published: Mar 22, 2023

codeSTACKr 🦸 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

Spread the love
Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.