Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Sass BEM GenNew to Visual Studio Code? Get it now.
Sass BEM Gen

Sass BEM Gen

The Holy Coder

|
2,645 installs
| (1) | Free
Creates a Bem styled Sass file from HTML class names.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Sass BEM Gen

This extensions generates a Bem styled Sass file from HTML class names.

To use type the keybinding "alt+g alt+c" on an HTML file.

Walk Through

  1. Create an HTML file and fill out all desired class names.
  2. Type the keybinding "alt+g alt+c" while on the HTML file.
  3. Select either "Create scss file" or "Overwrite scss file" from the command palette drop down.

Cool Features

In the extension settings you can specify a list of default imports that are generated at the top of each CSS file.

Configurations

(settings > extensions > Sass Bem Gen)

Name Options
cssFlavor "scss", "sass", or "less"
separatingCharacter string
modifyingCharacter string
defaultImports string[]
(ex. [ "_var.scss", "colors.scss" ])

Author

Created and sustained by Aaron Turkel (a.k.a. The Holy Coder).

Contributors

  • Zushe Wilmowsky
  • Zevi Britz
  • David Genger
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft