LWC CSS Helper Extension
This extension provides a quick way to add a CSS file to an LWC component folder.
Features
- Right-click any folder inside
force-app/main/default/lwc/ to see the "Add LWC CSS" option.
- Automatically creates a CSS file with the same name as the folder.
- Opens the new CSS file for immediate editing.
How to use
- Open a Salesforce DX project.
- Navigate to
force-app/main/default/lwc.
- Right-click on a component folder (e.g.,
myComponent).
- Select Add LWC CSS.
- A
myComponent.css file will be created and opened.
Development
- Press
F5 to open a new VS Code window with the extension loaded.
- Open your Salesforce project in the new window to test.
| |