https://github.com/yeion7/styled-global-variables-autocomplete

https://github.com/yeion7/styled-global-variables-autocomplete

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/yeion7/styled-global-variables-autocomplete
• Owner: yeion7
• License: mit
• Created: 2021-08-23T12:35:04.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-06-07T14:26:25.000Z (over 1 year ago)
• Last Synced: 2023-06-07T15:29:09.406Z (over 1 year ago)
• Language: TypeScript
• Size: 1.5 MB
• Stars: 6
• Watchers: 1
• Forks: 2
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Styled Global Variables Autocomplete

![fields](./media/telescope.png)

[Visual Studio Code](https://code.visualstudio.com) extension that provides autocomplete for CSS variables from styled-components global styles.

## Features

### CSS variables autocomplete

![Autocomplete Variables](./media/autocomplete.gif)

### Go to definition Support

![Go to definition](./media/definition.gif)

### Preview variable value on hover

![Preview value on hover](./media/hover.gif)

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