Skip to content

Help make the extensions Marketplace better for everyone. Take this survey!

| Marketplace
Sign in
Visual Studio Code>Other>UnoTNew to Visual Studio Code? Get it now.
UnoT

UnoT

simonhe

|
72 installs
| (1) | Free
| Sponsor
Unocss Tools
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

UnoT

English | 简体中文

UnoT is short for unocss tools that is to provide a better development experience using unocss in vscode. It integrated tounocss、 vscode uno magic

demo

⚠️ Warning: The highlighting unocss syntax has been removed. This plug-in is made as an extension plug-in for unocss. If you need to highlight unocss, please download the official unocss.

💡 Effects

  • text-[red,hover:pink,2xl,lg:hover:3xl] -> text-red hover:text-pink text-2xl lg:hover:text-3xl
  • class or className content like w-calc(100% - 20px) -> w-[calc(100%-20px)] 🔎detail
  • Provides code selection for unocss syntax 🔎detail
  • Provide the unocss hover to display the css code 🔎detail
  • 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
  • Terms of use
  • Trademarks
© 2023 Microsoft