Tự động hoàn thành

Tự động hoàn thành có thể được tùy chỉnh cho các gợi ý thông minh của UnoCSS trong playground và phần mở rộng VS Code.

autocomplete: {
  templates: [
    // suy luận chủ đề
    'bg-$color/<opacity>',
    // các viết tắt
    'text-<font-size>',
    // các nhóm logic OR
    '(b|border)-(solid|dashed|dotted|double|hidden|none)',
    // các hằng số
    'w-half',
  ],
  shorthands: {
    // bằng với `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)',
    // ghi đè các viết tắt tích hợp sẵn
    'num': '(0|1|2|3|4|5|6|7|8|9)',
  },
  extractors: [
      // ...extractors
  ],
}

• templates sử dụng một DSL đơn giản để chỉ định các gợi ý tự động hoàn thành.

• shorthands là một bản đồ của các tên viết tắt đến các mẫu của chúng. Nếu nó là một Array, nó sẽ là một nhóm logic OR.

• extractors để lấy các lớp có thể và chuyển đổi các gợi ý kiểu tên lớp thành định dạng chính xác. Ví dụ, bạn có thể kiểm tra cách chúng tôi thực hiện extractor tự động hoàn thành attributify

• Để được giúp đỡ thêm, vui lòng tham khảo đây.