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

UnoCSS

Preview

Anthony Fu

antfu.me
|
41,854 installs
| (9) | Free
UnoCSS for VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

UnoCSS for VS Code

Visual Studio Marketplace Version

Preview


Features

  • Decoration and tooltip for matched utilities
  • Loading configs from uno.config.js, unocss.config.js, vite.config.js, svelte.config.js, astro.config.js, iles.config.js or nuxt.config.js (or .ts)
  • Count of matched utilities

Config

By default the extension will search for the config files under project root. When there is no config found, the extension will be disabled. To work with monorepo, you need to change the unocss.root option in your settings.json to the directory that contains the config file.

{
  "unocss.root": "packages/client"
}

For now not working with auto-importing defineNuxtConfig in nuxt.config.ts, add manual import:

import { defineNuxtConfig } from 'nuxt/config'

License

MIT License © 2021-PRESENT Anthony Fu

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft