Skip to content

vscode-styled-components-decorator

This is more a learning exercise then a real polished VS Code extension, but feel free to use it.

Features

This extension will add a small pink S. in front of components that were ceated by styled-components.

a screenshot of the extension showing the decorator

Installation

Install through VS Code extensions. Search for vscode-styled-components-decorator

Visual Studio Code Market Place: vscode-styled-components-decorator

Can also be installed in VS Code: Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.

ext install donaldpipowitch.vscode-styled-components-decorator

Contribute

Clone the project and run $ npm install inside.
Preview any changes by pressing F5 within VS Code. This will compile the extension and launch it in an example project.
Run $ npm lint if you made changes that you'd like to include.

Publishing

Follow this guide for the general setup.
Update CHANGELOG.md.
Run $ vsce publish {your.version.number}.