Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Watson's SnippetsNew to Visual Studio Code? Get it now.
Watson's Snippets

Watson's Snippets

waynecz

|
368 installs
| (0) | Free
watson-scss Snippet for .scss & .jsx & .tsx file
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Watson-scss Snippet for .scss & .jsx & .tsx file

Logo

Search watson in vscode's store to install this extension

React Snippets

Type the following text and press enter to insert the snippet.

Snippet Action
blk This will insert the snippet for {...bem()}
ele This will insert the snippet for {...bem('::element')}
mod This will insert the snippet for {...bem('::$1', { $$2: $2 })}
when This will insert the snippet for {...bem('::$1', { $2: $2 })}

See more at react-bem-classname

Sass Snippets

Snippet Action
blk This will insert the snippet for @include block($1) {}
ele This will insert the snippet for @include element($1) {}
mod This will insert the snippet for @include modifier($1) {}
when This will insert the snippet for @include when($1) {}
pse This will insert the snippet for @include pseudo($1) {}
attr This will insert the snippet for @include with-attr($1) {}
hv This will insert the snippet for &:hover {}

See more at watson-scss

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft