Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Karcin IntelliSenseNew to Visual Studio Code? Get it now.
Karcin IntelliSense

Karcin IntelliSense

serdar goleli

|
4 installs
| (0) | Free
VS Code IntelliSense for KARCINCSS utility classes with color details and variants.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

KARCINCSS IntelliSense

KARCINCSS utility class'lari icin VS Code IntelliSense (renk detaylari ve variant destegi).

Ozellikler

  • KARCINCSS class ve variant'lari icin IntelliSense (md:bg-red-500, hover:text-...).
  • Renk tonlari detayda gosterilir (hex/rgb) ve kucuk renk onizlemesi verilir.
  • Utility class'lar ilk CSS deklarasyonunu detail olarak gosterir.
  • Slash/bracket kullanimini destekler (w-1/2, bg-[var(--...)]).
  • Diller: html, css, scss, sass, less, stylus, postcss, js/ts + react, vue, svelte, astro, angular (her zaman Ctrl+Space ile).

Kurulum

  1. Projende karcincss kurulu olmali (ornegin pnpm add -D karcincss).
  2. VS Code icinde eklentiyi workspace'e kur/etkinlestir.
  3. node_modules/karcincss/dist/meta.min.css ve utility.min.css beklenir; yoksa uyari gorursun.

Kullanim

  • -, : veya bosluk sonrasi otomatik calisir; her zaman Ctrl+Space ile tetikleyebilirsin.
  • md: / lg: / hover: yazarak variant onerilerini gorup class secebilirsin.
  • Renk class'lari renk kodu + onizleme verir; utility class'lar ilgili CSS deklarasyonunu gosterir.

Notlar

  • Cache bellek icinde tutulur; workspace'i yeniden actiginda dosyalar tekrar parse edilir.
  • Shade degerleri meta'dan uretilir; per-shade degerler varsa onlar kullanilir, yoksa base renkten turetilir.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft