🎉 Shadcn Import Helper: My first VS Code extension

[zayyehtut]

Hey everyone! 😊

I'm a recent grad from Australia, and I just launched my first-ever VS Code extension. It's called Shadcn Import Helper, and it's designed to make life easier for anyone using shadcn/ui components.

You know how it goes - you're coding away, and suddenly you realize you need to install a component. So you switch to your terminal, type out the command, and wait. It's not a huge deal, but it can be a bit of a flow-breaker. That's where Shadcn Import Helper comes in!

🚀 What it does

1. Right-click on a file or folder in the VS Code explorer.
2. Select "Shadcn: Install Components" from the context menu.
3. The extension will scan for shadcn component imports and then show on the status bar item to install all queued components in one go!

✨ Cool features

• Auto-detection of shadcn imports
• The ability to install multiple components at once
• Customizable settings so it works with your preferred component folder structure
• Workspace scanning, so you can check your entire project for missing components in one go

🛠 Current limitations

• I've only had a chance to test it with npm so far. It might work with pnpm or Bun, but I can't make any promises!
• Since it's my first extension, there might be a few quirks here and there. Think of them as the extension's unique charm 😄

🙏 I'd love your feedback and contributions!

If you do decide to give Shadcn Import Helper a try, I would love to hear your thoughts! Whether it's suggestions for improvement, ideas for new features, or just your general experience, your feedback would mean the world to me. As a new developer, I'm always looking to learn and grow.

And if you're interested in contributing to the project, that would be amazing! Feel free to submit pull requests, open issues, or just share your ideas. You can find the repository here: Shadcn Import Helper on GitHub. Don't forget to star the repo if you find it useful! ⭐

🔗 Where to find it

You can find Shadcn Import Helper on the VS Code Marketplace. It's completely free, and I tried to make it as user-friendly (and hopefully as fun!) as possible.

💡 Why I made this

As for why I made this, it was partly to improve my TypeScript skills and partly to learn about developing VS Code extensions. But mostly, I built it because I thought it could be genuinely useful. If it can save even one person a bit of time and hassle, I'll consider it a success!

So that's my little project. Thanks for taking the time to read about it.

Cheers,
Zay Ye Htut

P.S. If this extension saves you even a few seconds, you'll have made my day! 🥳