Syntax highlighting for styled-components
Clone or download
Latest commit f806f23 Nov 11, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Use prettier Sep 22, 2018
syntaxes Include whitespace and not whitespace in regex Oct 17, 2018
.gitignore Initial version Nov 11, 2016
.prettierignore Use prettier Sep 22, 2018
.vscodeignore Initial version Nov 11, 2016
CHANGELOG.md Release 0.0.25 Nov 11, 2018
LICENSE Update text files Feb 8, 2018
README.md Use prettier Sep 22, 2018
css.styled.configuration.json Use prettier Sep 22, 2018
demo.png Update readme Nov 12, 2016
logo.png Initial version Nov 11, 2016
package-lock.json Release 0.0.25 Nov 11, 2018
package.json Release 0.0.25 Nov 11, 2018
test.ts Add injectGlobal and createGlobalStyle examples Sep 22, 2018

README.md

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 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.

❗Important: IntelliSense and language support requires VS Code 1.20+.

Usage

The styled-components extension adds highlighting and IntelliSense for styled-component template strings in JavaScript and TypeScript. It works out of the box when you use VS Code's built-in version of TypeScript.

If you are using a workspace version of typescript, you must currently configure the TS Server plugin manually by following these instructions