xstyled icon indicating copy to clipboard operation
xstyled copied to clipboard

Vscode intellisense plugin

Open nelsonomuto opened this issue 3 years ago • 5 comments

🚀 Feature Proposal

Tailwind intellisense autocomplete with your theme would be super useful for xstyled.

The styled components plugin is more basic intellisense for the css`` blocks which is useful as well.

Motivation

Improve developer experience

Examples

This would be used in vscode for adding tailwind values to bg color like in tailwind

Screen Shot 2022-01-19 at 11 49 17 AM

and also for css`` style blocks like in styled components demo-vscode

Pitch

Why does this feature belong in the xstyled ecosystem?

Seeing that xstyled is somewhat of a combination between tailwind (because of its declarative focus) and styled components (it also enables css`` blocks in jsx) I think it would be useful to have a plugin similarly: and most importantly for the xstyled component attributes and values to help improve developer experience when working with xstyled.

nelsonomuto avatar Jan 19 '22 17:01 nelsonomuto

Hello @nelsonomuto,

I totally agree with you, it would be awesome to get it work! In order to do it we should provide a static theme in a xstyled.config.js for an example, but it is an acceptable tradeoff for me.

Actually I don't have time to build it, but feel welcome to work on it!

gregberge avatar Jan 23 '22 07:01 gregberge

I'll take a look this weekend to see if I can add it

nelsonomuto avatar Feb 03 '22 20:02 nelsonomuto

Following https://xstyled.dev/docs/typescript/ seems to add the IntelliSense autocomplete work. Ensure tsconfig.json includes the respective config file. Feel free to close this issue

shrihari-balasubramani avatar May 16 '22 19:05 shrihari-balasubramani

Not in styled components, so I let it opened.

gregberge avatar May 16 '22 20:05 gregberge

https://github.com/styled-components/vscode-styled-components/issues/422

quantizor avatar Apr 14 '23 10:04 quantizor