UnoCSS for VS Code

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