Emmet, czyli przyjemne pisanie kodu

Jeśli pisanie kodu to dla Ciebie codzienność, a HTML i CSS zjadasz na śniadanie – czas poznać fantastyczny dodatek Emmet. Jego obsługa nie wymaga żadnej dodatkowej wiedzy, a korzyści jakie ze sobą niesie widoczne są od razu po instalacji.

 

Dla kogo Emmet?

Projektujesz strony internetowe od A do Z? Teraz zastanów się ile razy dziennie wpisujesz te same właściwości CSS, czy też znaczniki HTML. Czasami powtarzasz tę czynność setki, jak nie więcej razy. Wpisywanie każdego słowa litera po literze jest naprawdę żmudne, a co najważniejsze – zabiera sporo czasu. Czy pisanie kodu nie byłoby przyjemniejsze i szybsze jeśli, np. zamiast całej właściwości padding-top wpisywalibyśmy po prostu pp? Oczywiście, że tak! I z pomocą przychodzi tu własnie Emmet.

 

Instalacja i korzystanie

Emmet jest narzędziem, które działa jako dodatek dla edytorów tekstowych kodu. Można go wykorzystywać z wieloma aplikacjami, do najbardziej popularnych należą Sublime Text, Atom, Net Beans, Brackets, CodaNotepad++, czy też Adobe Dreamweaver. W zależności od programu jaki używamy instalacja może przebiegać w rózny sposób. Wszystko oczywiście jest opisane bardzo dokładnie krok po kroku na oficjalnej stronie dodatku. W moim przypadku jest to Sublime Text, czyli cała instalacja odbywa się przez Package Control, gdzie wystarczy wyszukać i zainstalować plugin. To wszystko.

Korzystanie z dodatku jest równie proste jak jego instalacja. Emmet jest na tyle inteligentny, że zapamiętuje nasze zachowania (a właściwie pisanie kodu) i sam dostosowuje się do naszych potrzeb. 

 

Emmet to oszczędność czasu

Wszyscy wiemy jak czasochłonne jest pisanie kodu podczas tworzenia strony internetowej, zwłaszcza kiedy musimy wielokrotnie powtarzać tą samą czynność. W myśl zasady DRY (Don’t Repeat Yourself) warto używać dodatku Emmet, a jeszcze lepiej kiedy wykorzystamy go przy pisaniu w Sass lub Less. Dzięki temu przyśpieszamy naszą pracę, staje się ona bardzie wydajna i efektywna co daje dużą szansę na wcześniejsze zakończenie projektu. Jeśli jeszcze nie używasz dodatku Emmet w swoim edytorze – czas najwyższy to zmienić.

Paweł Szroeder

Paweł Szroeder

Projektuję, koduję i dzielę się wiedzą. Tworzę realizacje, które są zrozumiałe i użyteczne dla odbiorcy. Pomogę Ci zrealizować projekt, który zaspokoi potrzeby użytkownika i osiągnie zamierzone cele.