# 149: Szybkie wprowadzenie do węzła Pattern Lab z Brianem Muenzenmeyerem - CSS-Tricks

Anonim

W tym screencastie współpracuję z Brianem Muenzenmeyerem, który m.in. pracuje nad Pattern Lab. W szczególności wersja Pattern Lab dla Node wraz z Geoffem Pursellem.

Powinienem zaznaczyć: ten screencast ledwo zarysował powierzchnię tego, co oferuje Pattern Lab. Nie jest to wyczerpujący przegląd. Brian powiedział, że ostatnie 8-godzinne warsztaty nie były w stanie nawet opisać tego wszystkiego. Tematy poruszone w tym screencastie to:

  1. Co to jest Pattern Lab?
  2. Dlaczego miałbym go używać?
  3. Instalacja i sprawdzenie, jak to działa

Zaczynamy od absolutnie niczego, instalujemy Pattern Lab i zaczynamy się nim bawić. Brian pomaga mi w drodze, gdy prowadzę.

Węzeł Pattern Lab Node jest dostępny w wersjach Grunt i Gulp. Używamy wersji Gulp do tego screencasta, ale uważam, że są one rozwijane równolegle. Wersja Gulp działa na Gulp 4, do którego mój komputer nie został jeszcze zaktualizowany, więc omówiliśmy, jak to zrobić bez konieczności aktualizacji i potencjalnie zepsucia innych projektów.

Więcej informacji o Pattern Lab

  • Pattern Lab ma również bardziej dojrzałą wersję PHP, która została stworzona przez Dave'a Olsena, która ma solidniejszą obsługę Twig i Drupal.
  • Dobry przegląd Pattern Lab z poziomu koncepcyjnego został niedawno opublikowany w Smashing Magazine. Brian mówi: „Pattern Lab doskonale nadaje się dla zespołów i firm dowolnej wielkości i można go podłączyć do niemal każdego przepływu pracy. Co najmniej dwie firmy z listy Fortune 50 używają go do wspomagania swoich produktów internetowych ”.
  • Oprócz wąsów, węzeł Pattern Lab Node może tworzyć szablony dla kierownic, podkreślników i Twig z różnymi poziomami wsparcia.