Autocompletare

Autocompletarea poate fi personalizată pentru sugestiile inteligente ale UnoCSS în playground și extensia VS Code.

autocomplete: {
  templates: [
    // inferarea temei
    'bg-$color/<opacity>',
    // prescurtări
    'text-<font-size>',
    // grupuri logice OR
    '(b|border)-(solid|dashed|dotted|double|hidden|none)',
    // constante
    'w-half',
  ],
  shorthands: {
    // egal cu `opacity: "(0|10|20|30|40|50|60|70|90|100)"`
    'opacity': Array.from({ length: 11 }, (_, i) => i * 10),
    'font-size': '(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)',
    // suprascrie prescurtările încorporate
    'num': '(0|1|2|3|4|5|6|7|8|9)',
  },
  extractors: [
      // ...extractori
  ],
}

templates folosește un DSL simplu pentru a specifica sugestiile de autocompletare.
shorthands este o mapare a numelor de prescurtări la șabloanele lor. Dacă este un Array, va fi un grup logic OR.
extractors pentru a prelua posibile clase și a transforma sugestiile de tip nume-clasă în formatul corect. De exemplu, puteți verifica cum implementăm extractorul de autocompletare attributify
Pentru ajutor suplimentar, vă rugăm să consultați aici.

Autocompletare ​

Autocompletare