Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Add LWC CSSNew to Visual Studio Code? Get it now.
Add LWC CSS

Add LWC CSS

Rohit Kumar

|
1 install
| (0) | Free
Quickly add CSS files to LWC components
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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

  1. Open a Salesforce DX project.
  2. Navigate to force-app/main/default/lwc.
  3. Right-click on a component folder (e.g., myComponent).
  4. Select Add LWC CSS.
  5. A myComponent.css file will be created and opened.

Development

  1. Press F5 to open a new VS Code window with the extension loaded.
  2. Open your Salesforce project in the new window to test.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft