Skip to content

Munna-Soft/MasterMind-Web-Dev-Stack

Repository files navigation

GitAds Sponsored

Sponsored by GitAds

MasterMind Web Dev Stack 🚀

VS Code Extension Pack for HTML, CSS, JavaScript, PHP, Laravel, Tailwind, Vue developers

Marketplace Installs License

MasterMind Web Dev Stack is the ultimate, all-in-one extension bundle curated specifically for full-stack developers. Whether you are building sleek front-ends with Vue and Tailwind or robust back-ends with PHP and Laravel, this pack ensures you have every essential tool at your fingertips.

Created and maintained by Munna MasterMind, this stack is designed to optimize your workflow, improve code quality, and boost productivity.

🛠 What's Inside?

This extension pack includes carefully selected tools for a seamless development experience:

🐘 PHP & Laravel Ecosystem

  • Intelephense & PHP Tools: High-performance code completion and static analysis.
  • Laravel Extra Intellisense: Advanced autocompletion for Laravel-specific logic.
  • Laravel Blade Snippets & Formatter: Everything you need for beautiful Blade templates.
  • Artisan & Namespace Resolver: Run commands and fix namespaces effortlessly.
  • PHP Debug (Xdebug): Professional debugging support.

🎨 Frontend & Design

  • Tailwind CSS IntelliSense: Intelligent autocomplete for utility classes.
  • Vue (Vetur) & Snippets: The modern way to build Vue.js applications.
  • HTML/CSS Support: Class completion, CSS Peek, and Auto Rename tags.
  • Color Highlight: Instantly visualize colors in your code.

⚙️ Productivity & Automation

  • GitHub Copilot Chat: AI-powered assistance directly in your editor.
  • Thunder Client: Lightweight Rest API Client for testing your endpoints.
  • GitLens: Supercharge your Git capabilities.
  • Live Server: Real-time browser reloading for static and dynamic pages.
  • Error Lens: Highlighting errors and warnings directly on the line.

💎 Aesthetics & UI

  • Dracula Theme: A dark theme for speculative-fiction fans and high-productivity coders.
  • Material Icon Theme: Beautiful icons for your file tree.
  • Indent Rainbow: Making indentation easy to read.

🚀 Getting Started

  1. Open VS Code.
  2. Go to the Extensions view (Ctrl+Shift+X).
  3. Search for "MasterMind Web Dev Stack".
  4. Click Install.
  5. Restart VS Code (optional but recommended) to let all configurations sync.

📦 Extension Pack Details

This pack automatically installs over 50+ extensions to transform your VS Code into a powerhouse. It covers:

  • Languages: HTML, CSS, JavaScript, PHP, SQL.
  • Frameworks: Laravel, Vue.js, Tailwind CSS.
  • Databases: MySQL, JDBC support via DBClient.
  • Utilities: Code Runner, Prettier, ESLint, SVG Preview, and many more.

🤝 Contributing & Feedback

If you have suggestions for new extensions to be added to this stack or find any issues, feel free to contribute to the repository! If you find this pack helpful, please consider leaving a good review and ⭐ on the Marketplace.

Connect with the Developer:

  • Role: Full-Stack Developer & Professional Freelancer

License

Distributed under the MIT License. See LICENSE for more information.

Happy Coding!

GitAds Sponsored

Sponsored by GitAds

About

Setting up a new development environment can be tedious. This bundle eliminates the guesswork by providing a hand-picked collection of the most essential extensions for Frontend, Backend, and Database management. It’s optimized for speed, code quality, and a seamless developer experience.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors