Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>MERN VaiNew to Visual Studio Code? Get it now.
MERN Vai

MERN Vai

Mahrab Hossain

|
3 installs
| (1) | Free
The fastest way to scaffold and build professional MERN stack applications.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

MERN Vai - Your MERN Stack Assistant

Hello there! I'm Mahrab, a computer science student who loves building things with the MERN stack.

I created "MERN Vai" (Vai means brother) because I found myself spending the first 20 minutes of every new project doing the same boring setup: creating folders, installing the same packages, and writing the same boilerplate code. I thought, "There has to be a faster way!"

This extension is my solution. It's a tool I built to help myself, and now I'm sharing it with the community to hopefully help you too.

What Does It Do?

MERN Vai is a simple assistant that gets you from an empty folder to a ready-to-code MERN project in under a minute.

  • 🚀 Instant Project Structure: Run one command, and it builds a professional project structure with separate client (React + Vite) and server (Node/Express) folders.
  • 🧠 Smart CSS Setup: It asks you if you want a CSS framework. If you choose Tailwind CSS or Bootstrap, it will automatically install and configure it for you.
  • ✍️ Handy Code Snippets: I've included the snippets I use most often for creating Mongoose schemas, Express routes, and React components.
  • ✅ Best Practices Built-In: It automatically creates your .gitignore and .env files so you can start your project the right way.

How to Get Started

  1. Open the Command Palette in VS Code (Ctrl+Shift+P or Cmd+Shift+P).
  2. Search for MERN Vai: Create New MERN Project and run it.
  3. Give your project a name and answer the questions.
  4. That's it! Let MERN Vai handle the setup while you grab a coffee.

My Favorite Snippets

Prefix What it Does
mg-schema Creates a new Mongoose schema.
exp-get Creates a basic Express GET route.
exp-post Creates a basic Express POST route.
rfce-hook Creates a React component with useState and useEffect.

My Journey

As a student, this project was a huge learning experience for me, from understanding the VS Code API to figuring out the publishing process. If you find any bugs or have ideas for new features, I'd love to hear them!

Thank you for checking out my project. Happy coding!

Mahrab Hossain

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft