Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>vscode-styled-componentsNew to Visual Studio Code? Get it now.
vscode-styled-components

vscode-styled-components

Diego Lincoln

|
40,919 installs
| (12) | Free
Syntax highlighting for styled-components
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Important

Please use the original extension that implements new features and resolve the problems with auto add colon and semicolon.

I am very grateful to all yours!

VSCode Styled Components

Forked from styled-components

All features until the version 0.0.31(925c9b5)

Changes:

  • ~~typescript-styled-plugin removed~~

  • ~~CSS autocompletion(snippets) with colon and semicolon added~~

  • typescript-styled-plugin support

  • auto add colon and semicolon improved

Autocomplete with colon and semicolon

If you have any corrections or suggestions, open an issue.

vscode-styled-components

Syntax highlighting and IntelliSense for styled-components.

Syntax highlighting in action

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

Install

Inside VSCode, press Ctrl+P, and enter:

ext install diegolincoln.vscode-styled-components

It should be the top result.

[Source]

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.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft