Bharathi4real's Extension Kit

This is a collection of essential Visual Studio Code extensions I personally use for web development. This extension pack includes tools for JavaScript, TypeScript, React, Next.js, Tailwind CSS, linting, and styling, as well as helpful themes and productivity enhancers. It is designed to streamline your development experience and improve your workflow.

What's New?

Version 0.0.2 Updates

• Added new extensions for enhanced functionality:
  • nextnav.nextnav: Simplify navigation in Next.js projects with powerful utilities.
  • shardulm94.trailing-spaces: Highlights and removes trailing spaces in your files to keep your code clean.
  • usernamehw.errorlens: Displays inline errors and warnings to improve debugging visibility.

Extensions Included

This extension pack includes the following extensions:

Code Snapping & Styling

• adpyke.codesnap - Screenshot code snippets.
• be5invis.vscode-custom-css - Custom CSS for Visual Studio Code.
• bracketpaircolordlw.bracket-pair-color-dlw - Colorize matching brackets for better readability.
• bradlc.vscode-tailwindcss - Tailwind CSS IntelliSense for faster development.
• formulahendry.auto-rename-tag - Automatically renames paired HTML/XML tags.
• jpoissonnier.vscode-styled-components - Styled-components syntax highlighting for React.

Code Quality & Linting

• dbaeumer.vscode-eslint - ESLint integration for linting JavaScript/TypeScript.
• esbenp.prettier-vscode - Prettier integration for auto-formatting.
• stylelint.vscode-stylelint - Linting for your CSS/SASS/SCSS files.
• DavidAnson.vscode-markdownlint - Markdown linting for consistent Markdown files.

Productivity Enhancements

• christian-kohler.path-intellisense - Path Intellisense for autocompletion of file paths.
• eamodio.gitlens - Git integration with advanced features like history, blame, and more.
• pulkitgangwar.nextjs-snippets - Useful Next.js code snippets for fast development.
• tabnine.tabnine-vscode - AI-powered code completion.
• rangav.vscode-thunder-client - API testing tool for REST and GraphQL requests.
• tgosystems.togglebracketguides - Toggle bracket guides for easier navigation.
• steoates.autoimport - Automatically import missing modules and dependencies.
• nextnav.nextnav - Simplify navigation in Next.js projects.
• shardulm94.trailing-spaces - Highlights and removes trailing spaces.
• usernamehw.errorlens - Inline error and warning visualization.

User Interface & Customization

• naumovs.color-highlight - Color highlight for CSS/HTML color codes.
• pkief.material-icon-theme - Material Design icons for file navigation.
• ms-vsliveshare.vsliveshare - Real-time collaborative coding using Live Share.
• cardinal90.multi-cursor-case-preserve - Preserves case formatting when using multi-cursors.
• wware.snippet-creator - Create your own custom code snippets.

Themes

Installation

To install this extension pack, follow these steps:

1. Open Visual Studio Code.
2. Go to the Extensions view (Ctrl+Shift+X).
3. Search for bharathi4real-extension-kit.
4. Click Install.