Autovervollständigung

Autovervollständigung kann für UnoCSS's intelligente Vorschläge in der Playground und der VS Code Erweiterung angepasst werden.

autocomplete: {
  templates: [
    // Theme-Inferenz
    'bg-$color/<opacity>',
    // Kurzformen
    'text-<font-size>',
    // Logik-ODER-Gruppen
    '(b|border)-(solid|dashed|dotted|double|hidden|none)',
    // Konstanten
    'w-half',
  ],
  shorthands: {
    // gleich `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)',
    // Eingebaute Kurzformen überschreiben
    'num': '(0|1|2|3|4|5|6|7|8|9)',
  },
  extractors: [
      // ...extractors
  ],
}

• templates verwendet eine einfache DSL, um die Autovervollständigungsvorschläge anzugeben.

• shorthands ist eine Zuordnung von Kurzform-Namen zu ihren Vorlagen. Wenn es ein Array ist, wird es eine Logik-ODER-Gruppe sein.

• extractors zum Aufnehmen möglicher Klassen und Transformieren von Klassennamen-Style-Vorschlägen in das richtige Format. Zum Beispiel könnten Sie überprüfen, wie wir den Attributify Autovervollständigungs-Extractor implementieren

• Für zusätzliche Hilfe lesen Sie bitte hier.