Super Scss Generator for VSCode

This extension is used to generate scss structured style code based on html tag code. Also supported for vue SFCs.

Features

Add snippet to your scss files (for angular projects and html projects).
Add snippet to your vue SFCs (for vue projects).

Usage

Start typing selectors as you know and you see it as a snippet.

For getting scss for the entire template, use the label - generate x-scss.

Settings

scssgeneratorx.autoChildSelector: Set whether to add child selector symbol, default is false.
scssgeneratorx.ignore: Set tags that will be skipped if encountered, default is ["template", "slot", "ng-template", "ng-container", "ng-content"].
scssgeneratorx.mappingRules: Set tag-to-style mapping rules, the key is RegExp string, the value used to replace tag, default is {"^el-": ".${tagName}"}.

Donate

If you find this extension useful, you can buy author a coffee.

1.1.0

Enjoy!