A simple extension to create an SCSS file associated with an HTML tag's ID, class, or tag name.
- Automatically create an SCSS file based on the selected HTML tag's ID, class, or tag name.
- Add an import statement to the main SCSS file for the newly created file.
- Open and focus on the newly created SCSS file.
- Install the extension in Visual Studio Code.
- Right-click on an HTML tag with an ID, class, or tag name attribute in your code.
- Select "Create SCSS File" from the context menu.
- Choose the attribute to base the SCSS file on (ID, class, or tag name).
- Select the directory to create the new SCSS file in.
You can configure the path to the main SCSS file through the extension settings. By default, it's set to src/assets/scss/style.scss
. Change this to match your project's structure if needed.
"create-scss-file.mainScssFilePath": "path/to/your/main/scss/file.scss"
0.0.2 Initial release of Create SCSS File extension.