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
- Projende
karcincss kurulu olmali (ornegin pnpm add -D karcincss).
- VS Code icinde eklentiyi workspace'e kur/etkinlestir.
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.
| |