Autocomplete

Otomatik tamamlama, playground ve VS Code uzantısında UnoCSS'in akıllı önerileri için özelleştirilebilir.

autocomplete: {
  templates: [
    // tema çıkarımı
    'bg-$color/<opacity>',
    // kısaltmalar
    'text-<font-size>',
    // mantıksal VEYA grupları
    '(b|border)-(solid|dashed|dotted|double|hidden|none)',
    // sabitler
    'w-half',
  ],
  shorthands: {
    // `opacity: "(0|10|20|30|40|50|60|70|90|100)"` ile eşdeğer
    'opacity': Array.from({ length: 11 }, (_, i) => i * 10),
    'font-size': '(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)',
    // yerleşik kısaltmaları geçersiz kıl
    'num': '(0|1|2|3|4|5|6|7|8|9)',
  },
  extractors: [
      // ...çıkarıcılar
  ],
}

templates, otomatik tamamlama önerilerini belirtmek için basit bir DSL kullanır.
shorthands, kısaltma adlarından şablonlarına bir haritadır. Eğer bir Array ise, mantıksal bir VEYA grubu olacaktır.
extractors, olası sınıfları almak ve sınıf-adı stili önerilerini doğru formata dönüştürmek için. Örneğin, attributify otomatik tamamlama çıkarıcısının nasıl uygulandığını kontrol edebilirsiniz.
Ek yardım için lütfen buraya bakın.

Autocomplete ​

Autocomplete