🚀 Darshan Dev Pack

Complete frontend development toolkit for React, React Native, and modern web development.

✨ Features

Darshan Dev Pack provides a curated set of essential extensions to boost productivity and streamline development.

⚛️ Frontend & React

• React snippets for faster coding
• React Native development support
• HTML, CSS, and class name IntelliSense

🎨 Styling & UI

• Tailwind CSS support
• Styled-components support
• Color preview and highlighting

🧹 Code Quality

• Prettier for automatic formatting
• ESLint for linting and error detection

🔧 Git & Version Control

• GitLens for advanced Git insights
• Git Graph visualization

⚡ Productivity Tools

• Auto import modules
• Path IntelliSense
• Auto rename & close tags
• Code snippets and helpers

📦 Included Extensions

This extension pack includes the following tools:

⚛️ React & React Native React Hooks Snippets React Native Snippets (multiple packs) React Native Tools

🎨 Frontend & Styling Bootstrap 5 Support HTML & CSS IntelliSense Styled Components Support HTML CSS Class Completion

🧹 Code Quality & Formatting Prettier ESLint Prettier + ESLint Integration

🔧 Git & Version Control GitLens Git Graph Git History Git Blame

🤖 AI & Smart Tools Codeium AI Continue AI Assistant ChatGPT Extension

💡 Productivity Tools Path IntelliSense Auto Import Turbo Console Log Change Case JavaScript Snippets

🎨 UI & Visual Enhancements Material Icon Theme Color Highlight Color Info Indent Rainbow Indenticator Highlight Matching Tag

🧪 Developer Utilities GraphQL Support Jest Testing Tools Version Lens SVG Preview Gutter Preview

🔤 Editor Enhancements Auto Rename Tag Auto Close Tag Auto Complete Tag Bracket Pair Colorizer Bracket Pair Toggler Spell Checker

🛠️ Installation

From Marketplace

1. Open Extensions in VS Code
2. Search for Darshan Dev Pack
3. Click Install

From VSIX

1. Open Extensions
2. Click ... → Install from VSIX
3. Select the .vsix file

💻 Supported IDEs

• Visual Studio Code
• Antigravity IDE (VS Code compatible)

🎯 Why use this pack?

• One-click setup for frontend development
• Saves time configuring extensions
• Optimized for performance (no duplicates)
• Works across multiple IDEs

📌 Requirements

• Visual Studio Code version 1.80+ or compatible IDE

🙌 Contributing

Feel free to suggest improvements or request new extensions.

📄 License

MIT License © Darshan Rana

⭐ Support

If you like this extension, give it a ⭐ on GitHub!