question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

VSCode plugin for autocomplete and previews

See original GitHub issue

Is your feature request related to a problem? Please describe.

I’ve worked with many different ways of styling in React. Everything from stitches, styled components to tailwindcss. One thing that stood out to me with tailwindcss was the great tooling around it, which I felt was a bit lacking in theme-ui

Describe the solution you’d like I would like to propose a tool like https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

For theme-ui. It would read the theme object, and create intellisense for variants naming, colours and more. In addition it could show previews of the colors when typing in the sx prop where relevant

autocomplete

Now, I do believe this will be quite difficult to implement as the sx prop would have troubles knowing what to show, like autocompleting colors on bg. But I think it’s something worth considering for the developer experience 😁

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:5
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

3reactions
loramtcommented, Sep 16, 2022

This would be awesome!

1reaction
sommoMicccommented, Sep 16, 2022

Hello! What a great idea! Please do!

Read more comments on GitHub >

github_iconTop Results From Across the Web

IntelliSense in Visual Studio Code
Visual Studio Code IntelliSense is provided for JavaScript, TypeScript, JSON, HTML, CSS, SCSS, and Less out of the box. VS Code supports word...
Read more >
Enable Autocomplete for Tailwind CSS in VSCode
The Autocomplete extension allows you to quickly apply appropriate utility class names to your markup, removing the guess work and providing ...
Read more >
path autocomplete extension visual studio code - YouTube
VS code tips and tricks. path autocomplete extension visual studio code. 9.8K views 3 years ago. Algorithm Academy. Algorithm Academy.
Read more >
VS Code - IntelliSense - YouTube
Download VS Code at https://code.visualstudio.com. IntelliSense will make you more productive. In this video see a simple introduction to VS ...
Read more >
25 Extensions That Turn Visual Studio Code Into An ... - P42
The ESLint extension shows errors and warnings directly in your editor and lets you quick-fix them easily. You can also configure it to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found