Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>vscode-uno-magicNew to Visual Studio Code? Get it now.
vscode-uno-magic

vscode-uno-magic

simonhe

|
110 installs
| (1) | Free
| Sponsor
vscode-uno-magic
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

uno magic

English | 简体中文

Handle the space problem in pasted styles in unocss, such as bg-rgba(255,255,255,0.4) -> bg-[rgba(255,255,255,0.4)] and calc, etc. If there are better suggestions, you can configure further inside

demo

Feature

support attribute completions for unocss

🌰 Sample

  • bg#fff -> bg-#fff
  • maxw-100% -> max-w-[100%]
  • bg-[rgba(255, 255, 255, 0.5)] -> bg-[rgba(255,255,255,0.5)]
  • translatex--50% -> translate-x-[-50%]

:coffee:

buy me a cup of coffee

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft