The Struggle is Real: Manual Wrapping Woes

Ever spent precious coding time manually wrapping code in divs? Yeah, we've all been there. Selecting, cutting, pasting, repeating - it's a tedious dance that steals valuable time from building awesome apps.

Enter WrapIt, Your Friendly Code Hero

Introducing WrapIt, your VSCode extension that turns wrapping into a breeze! Just select your code, hit a hotkey (Alt + W on Windows, Option + W on Mac), and boom! Your chosen tag embraces your code like a warm hug, saving you clicks and mental energy. ✨

Simple Yet Powerful:

Think emmet's wrapping feature is more cryptic than helpful? WrapIt cuts through the confusion. Select, tap that magic key, and voila! Your chosen tags appear faster than you can say "div-tastic!"

But don't underestimate its simplicity! WrapIt packs a punch:

Quick Wrap: Instant gratification with one-click wrapping. Default Wrap: Preset your favorite tag and wrap it with a single keystroke. Selected Wrap: Choose any tag your heart desires. Fragment Wrap: React developers, rejoice! Wrap fragments with ease.

Customization Awaits:

WrapIt isn't a one-size-fits-all solution. Change default tags, commands, and even enable automatic opening tag selection. You're the captain of your coding ship now! ‍✈️

The Journey of WrapIt:

Creating WrapIt wasn't a walk in the park, but it was an exciting adventure. I faced challenges like:

Wrestling with Selections:

Mastering how to grab code from VSCode's editor.

Code Transformation:

Turning plain text into tag-tastic glory.

Configuration Conundrum:

Taming the ever-multiplying settings and options.

Crafting the Perfect Wrap:

Ensuring the wrapped code flowed smoothly.

Pasting Puzzle:

Seamlessly placing the wrapped code back into the editor.

Tag Selection Saga:

Picking the right opening tag automatically.

But I emerged victorious, and WrapIt is ready to make your coding life easier!

Ditch the Wrapping Woes, Embrace WrapIt's Magic:

Stop wasting time on repetitive wrapping tasks. Download WrapIT today and experience the joy of streamlined coding! ✨

P.S. Don't forget to explore the settings for even more wrapping fun!

Why Wrap IT?

Unwrapping the Mystery: Why I Created WrapIT for VSCode

Table of contents