Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>LWC CreatorNew to Visual Studio Code? Get it now.
LWC Creator

LWC Creator

Alexandr Zanko

|
2,725 installs
| (2) | Free
Create Lightning Web Component with SCSS file
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

LWC Creator

This plugin help you to create LWC component with .scss file easily

Release Notes

1.5.2

Fixed bug with recreate module with existing name

1.5.1

Fixed bug with recreate component with existing name

1.5

  • Windows bugs fixed
  • If you create Module, will open .js file
  • Update logo

1.4.3

Now you can create components with different format styles css,sass,scss,less. After successful creation you will see js document of your component Fixed bug with creating components in project with whitespace name.

1.3.1

Camel case create components with lower case first letter.

1.3.0

File constants.scss had removed. Folder common had removed. Now you can change default folder frontend/components in settings Extentions->LWC Creator

1.2.1

File mixins.scss rename to constants.scss. Component .scss file will only with empty class

1.1.1

Now if folders not exists frontend/components they will create automatically. Folder common and file mixins.scss will be create same.

1.0.1

Add logo icon for plugin

1.0.0

Complete plugin for LWC Open Source.


Working

  • Press Ctrl+Shift+P (Windows, Linux) or Cmd+Shift+P (macOS) to see a list of Markdown snippets
  • Choose LWC Create Component or LWC Create Module
  • Input Name of component(module) witch you want to create (use camel-case)

Contribution

Look the lwc-creator

Enjoy!

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