Autouzupełnianie

Autouzupełnianie może być dostosowane dla inteligentnych sugestii UnoCSS w playground i rozszerzeniu VS Code.

autocomplete: {
  templates: [
    // wnioskowanie z motywu
    'bg-$color/<opacity>',
    // skróty
    'text-<font-size>',
    // grupy logiczne LUB
    '(b|border)-(solid|dashed|dotted|double|hidden|none)',
    // stałe
    'w-half',
  ],
  shorthands: {
    // równe `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)',
    // nadpisz wbudowane skróty
    'num': '(0|1|2|3|4|5|6|7|8|9)',
  },
  extractors: [
      // ...ekstraktory
  ],
}

• templates używa prostego DSL do określania sugestii autouzupełniania.

• shorthands to mapa nazw skrótów do ich szablonów. Jeśli to Array, będzie to grupa logiczna LUB.

• extractors do pobierania możliwych klas i przekształcania sugestii stylu nazwy klasy do poprawnego formatu. Na przykład, możesz sprawdzić, jak zaimplementowaliśmy ekstraktor autouzupełniania atrybutów

• Aby uzyskać dodatkową pomoc, proszę odnieść się do tego.