Add/Update VS Code Extension Recommendations

[swingerman]

Overview

This project currently lacks a .vscode/extensions.json file to recommend helpful VS Code extensions for contributors. Adding extension recommendations will improve the developer experience and ensure consistent tooling across the team.

Project Analysis

This is an SCSS-based project that:

• Uses SCSS/Sass for styling (Bootstrap 4 based grid system)
• Has Stylelint configured for linting SCSS files
• Includes build scripts using Sass compiler
• Uses npm/yarn for package management

Recommended Extensions

SCSS/CSS Development

1. stylelint.vscode-stylelint - Stylelint integration for VS Code

   • Already configured in .stylelintrc.json
   • Provides real-time SCSS linting feedback

2. syler.sass-indented - Sass syntax highlighting and IntelliSense

   • Enhanced SCSS/Sass language support
   • Improved autocomplete and syntax highlighting

Additional Helpful Extensions

3. formulahendry.auto-rename-tag - Auto rename paired HTML/XML tags

   • Useful for HTML template editing

4. esbenp.prettier-vscode - Code formatter

   • Consistent code formatting
   • Can integrate with Stylelint

5. EditorConfig.EditorConfig - EditorConfig support

   • Maintains consistent coding styles across different editors

Proposed Implementation

Create .vscode/extensions.json:

{
  "recommendations": [
    "stylelint.vscode-stylelint",
    "syler.sass-indented",
    "formulahendry.auto-rename-tag",
    "esbenp.prettier-vscode",
    "EditorConfig.EditorConfig"
  ]
}

Benefits

• New contributors get recommended extensions on first project open
• Consistent development environment across team
• Improved code quality with real-time linting
• Better SCSS/Sass development experience

---

@claude