Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>To UnocssNew to Visual Studio Code? Get it now.
To Unocss

To Unocss

simonhe

|
3,850 installs
| (1) | Free
| Sponsor
Vscode extension transform css to unocss
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

to unocss

English | 简体中文

demo1

demo2

Config

// Custom configuration highlighting style
// settings.json
  "to-unocss":{
    "dark": {
      "textDecoration": "underline",
      "backgroundColor": "rgba(144, 238, 144, 0.5)",
      "color": "black",
    },
    "light":{
      "textDecoration": "underline",
      "backgroundColor": "rgba(255, 165, 0, 0.5)",
      "color": "#ffffff",
    }
  }

Feature

if your project package.json hasn't unocss dependency, the extension will not be activated

:coffee:

buy me a cup of coffee

License

MIT

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