Fold Tailwind class name to improve readability in VS Code
If you are a Tailwind-Dev, you must be annoyed that tailwind's class name is too long. This is an extension on VS Code you should take a look.
<p>Lately, I've been utilizing a VS Code extension called Tailwind Fold. With this extension, you have the option to initially conceal all classes in your JSX and HTML files, revealing them only upon clicking:</p> <p><a class="font-bold text-lg" href="https://marketplace.visualstudio.com/items?itemName=stivo.tailwind-fold" rel="nofollow" target="_blank">Download Link</a></p> <h3>Before</h3> <img src="/contents/fold-tailwind-class-name-to-improve-readability-in-vs-code-1.jpg" /> <h3>After</h3> <img src="/contents/fold-tailwind-class-name-to-improve-readability-in-vs-code-2.jpg" /> <p>The result is a cleaner appearance. You should give it a try!</p>