Autocomplétion

L'autocomplétion peut être personnalisée pour les suggestions intelligentes d'UnoCSS dans le terrain de jeu et l'extension VS Code.

autocomplete: {
  templates: [
    // inférence du thème
    'bg-$color/<opacity>',
    // raccourcis
    'text-<font-size>',
    // groupes logique OU
    '(b|border)-(solid|dashed|dotted|double|hidden|none)',
    // constantes
    'w-half',
  ],
  shorthands: {
    // équivaut à `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)',
    // surcharge les raccourcis intégrés
    'num': '(0|1|2|3|4|5|6|7|8|9)',
  },
  extractors: [
      // ...extracteurs
  ],
}

• templates utilise un DSL simple pour spécifier les suggestions d'autocomplétion.

• shorthands est une map de noms de raccourcis vers leurs modèles. Si c'est un Array, ce sera un groupe logique OU.

• extractors pour récupérer les classes possibles et transformer les suggestions de style nom de classe au bon format. Par exemple, vous pouvez voir comment nous avons implémenté l'extracteur d'autocomplétion attributify

• Pour une aide supplémentaire, veuillez consulter ici.