vscode-styled-components

Syntax highlighting and IntelliSense for styled-components.

Uses a CSS grammar built on top of language-sass and language-css.

Install

Inside VSCode, press Ctrl+P, and enter:

ext install vscode-styled-components

It should be the top result.

[Source]

Be sure to include "emmet.triggerExpansionOnTab": true in your VSCode settings to enable tab completion. More settings and instructions can be found here.

Features

• Syntax highlighting for styled components in JavaScript and TypeScript.
• Detailed CSS IntelliSense while working in styled strings.
• Syntax error reporting.

Usage

The styled-components extension adds highlighting and IntelliSense for styled-component template strings in JavaScript and TypeScript. See plugin configuration for information on configuring the linter and other language features.

Raising an issue

Please check the issues list to see if it has already been raised. If it has you can vote on it with a thumbsUp emoji.
Issues with the most votes tend to be prioritised.

Contributing

see Contributing