Styled Global Variables Autocomplete

Visual Studio Code extension that provides autocomplete for CSS variables from styled-components global styles.

Features

CSS variables autocomplete

Go to definition Support

Preview variable value on hover

Extension Settings

variablesAutocomplete.include

A glob pattern to find files where extract variables

default: "**/*.globals.{ts,js,tsx,jsx}"

Tip: in order to keep the performance try to use a explicit pattern, otherwise we could retrieve so many files and having a bad performance

variablesAutocomplete.exclude

A glob pattern to ignore

variablesAutocomplete.autoCompleteOn

Languages to enable autocomplete. See https://code.visualstudio.com/Docs/extensionAPI/vscode-api#DocumentSelector

default: ["javascript", "typescript", "javascriptreact", "typescriptreact"]

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.