The Web Starter Extension Pack is a curated collection of essential VS Code extensions designed to streamline the workflow for web developers. Whether you're a beginner learning HTML, CSS, and JavaScript or an experienced developer looking for a faster setup, this extension pack provides the tools you need for efficient web development.
- Auto-close and rename tags effortlessly.
- Get intelligent CSS class name suggestions.
- Improve HTML and CSS code navigation.
- Use Live Server to preview changes instantly.
- Get real-time color visualization in your CSS files.
- Manage Git repositories and commits directly in VS Code.
- Open and navigate GitHub repositories with ease.
- Improve Markdown editing with powerful formatting tools.
- Get smart PHP IntelliSense to enhance backend development.
- Get Tailwind CSS IntelliSense for faster styling.
- Use random text generators for rapid UI mockups.
| Extension | Functionality |
|---|---|
| Auto Close Tag | Automatically closes HTML/XML tags. |
| Auto Rename Tag | Renames paired tags at the same time. |
| VS Code HTML CSS | Provides IntelliSense for HTML and CSS. |
| HTML CSS Class Completion | Auto-completes class names from CSS files. |
| Live Server | Instantly refreshes your page while coding. |
| Colorize | Highlights colors directly in CSS files. |
| Tailwind CSS IntelliSense | Adds auto-completion for Tailwind CSS. |
| Markdown All in One | Enhances Markdown editing. |
| PHP Intelephense | Provides PHP IntelliSense and support. |
| Git & GitHub Pack | Manages GitHub repositories in VS Code. |
| Open in GitHub | Opens projects directly in GitHub. |
| File Icon Theme | Improves file icons for better visibility. |
| Text Pastry | Generates random placeholder text for development. |
- Open VS Code
- Go to Extensions (
Ctrl + Shift + X) - Search for "Web Starter Extension Pack"
- Click Install
Once installed, all extensions in the pack will be activated automatically!
Contributions are welcome! If you have suggestions for additional extensions or improvements, please open an issue or submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
Happy coding! 🌟