Prettier
minuta czytania
Prettier to narzędzie do automatycznego formatowania kodu, które w ostatnim czasie zyskało dużą popularność w środowisku programistów. Pozwala na ujednolicenie stylów pisania kodu, a tym samym przyczynia się do lepszej czytelności i łatwiejszej utrzymywalności projektów.
Czytelność kodu ma ogromne znaczenie dla każdego projektu, a w szczególności takiego którego piszemy w zespole. Dobrze sformatowany kod to taki, który trzyma się odpowiednich reguł i jest stosowany przez wszystkie osoby w projekcie, dlatego też powstały formatery kodu. Takie narzędzie formatuje kod za nas i trzyma się reguł, które jesteśmy w stanie sami określić wraz z zespołem. Ciężko jest sobie wyobrazić pisanie aplikacji bez formatera kodu, dlatego w tym artykule przedstawię najpopularniejszy formater kodu jakim jest Prettier.
Prettier nie tylko dla javascriptu
Aktualnie prettier wspiera nie tylko javascript, a także: JSX, Angular, Vue, Flow, TypeScript, CSS, LESS, SCSS, HTML, Ember, JSON, GraphQL, Markdown, YAML.
Prettier vs. ESLint
ESLint jest narzędziem służącym do analizy statycznej kodu, który znajduje błędy w kodzie lub złe praktyki i niektóre z tym błędów jest w stanie samemu naprawić, natomiast Prettier służy do formatowania kodu. Krótko mówiąc prettiera używamy do uproszczenia formatowania kodu, a ESLint do wyłapywania błędów. Dlatego warto korzystać z obu narzędzi. Warto również wspomnieć, że ESLint współpracuje tylko z Javascriptem.
Reguły Prettiera
Korzystając z Prettiera jesteśmy w stanie sami określić odpowiednie dla naszego projektu reguły, aby to zrobić należy w pliku .prettierrc skonfigurować Prettiera dodając nowe reguły np.:
{
"printWidth": 80, // określa długość linii
"tabWidth": 2, // określa liczbę spacji na poziomie wcięcia
"singleQuote": true // używa pojedynczych cudzysłowów
"semi": true // dodaje średnik na końcu linii
"useTabs": true // wcięcia linii są stosowane za pomocą tabulatorami zamiast spacji
}
Instalacja Prettiera
Aby dodać Prettiera do naszego projektu należy za pomocą managera pakietu wykonać następujące polecenia:
yarn add --dev --exact prettier
Lub jeśli korzystamy z edytora Visual studio code, wystarczy że dodamy nowe rozszerzenie o nazwie “Prettier - Code formatter”.
Podsumowanie
Dzięki rozwojowi takich narzędzi jak Prettier nie musimy już ręcznie formatować kodu, dzięki czemu zaoszczędzimy trochę czasu i możemy się bardziej skupić na kodowaniu. Warto również zapoznać się z narzędziem jakim jest husky, który pozwala nam na integrację z Git hookami, co umożliwia nam na zautomatyzowanie Prettiera oraz ESLinta.
Powiązane artykuły
Priming w strategiach marketingowych: jak to działa?
26 lis 2023
Priming to wyrafinowane narzędzie w strategiach marketingowych, oparte na psychologicznych aspektach percepcji. Przez subtelne wywołanie skojarzeń, możliwe jest kierowanie zachowaniami i decyzjami klientów. Jak jednak działa ten mechanizm i jak może być skutecznie wykorzystany w praktyce? Zanurzmy się w fascynujący świat marketingu ukierunkowanego przez priming.

PMBoK: Klucz do skutecznego zarządzania projektami. Jak go prawidłowo zastosować?
26 lis 2023
Klucz do skutecznego zarządzania projektami często leży w dostosowaniu odpowiednich metodologii do specyfiki danej organizacji. W tym kontekście, PMBoK (Project Management Body of Knowledge) wyłania się jako jedno z podstawowych narzędzi wykorzystywanych przez profesjonalistów. Artykuł ten ma na celu wyjaśnić, jak skutecznie zastosować PMBoK w praktyce, co pozwoli na sprawniejsze i bardziej efektywne prowadzenie projektów.
Atom - Czy ten edytor kodu jest idealnym narzędziem na co dzień?
25 lis 2023
W świecie programowania narzędzia są kluczowe. Edytor kodu może sprawić, że proces tworzenia aplikacji będzie przyjemnością albo koszmarem. Jeden z nich, Atom, zdobywa coraz większą popularność. Czy jest to idealne, codzienne narzędzie dla developerów?
Feature Flag: Odkrywamy potęgę kontroli funkcjonalności
25 lis 2023
Feature Flags, znane również jako Flagi Funkcjonalne, to potężne narzędzia dające programistom wyjątkową kontrolę nad funkcjonalnościami aplikacji. Kiedy powinniśmy z nich korzystać? Jak wprowadzają elastyczność do procesu rozwoju oprogramowania? W naszym artykule zgłębimy tę tematykę.
SpecFlow: Zrozum i Zastosuj Narzędzie do Behavior-Driven Development
25 lis 2023
SpecFlow, popularne narzędzie do Behavior-Driven Development (BDD), znacznie ułatwia tworzenie aplikacji poprzez skupienie się na funkcjonalności z perspektywy użytkownika. Ten artykuł pomoże Ci zrozumieć SpecFlow i efektywnie wykorzystać jego możliwości, aby przyspieszyć proces tworzenia oprogramowania.
Global Interpreter Lock (GIL) - czym jest i jak wpływa na programowanie w Pythonie
24 lis 2023
Global Interpreter Lock (GIL) to mechanizm, który wpływa na sposób, w jaki Python wykonuje kod. Mimo że ma za zadanie kontrolować dostęp do zasobów pamięci, jego obecność może wpływać na skomplikowane scenariusze wielowątkowe. Pozwólmy sobie przyjrzeć się bliżej temu zagadnieniu.
Ransomware: Zrozumienie zagrożenia
23 lis 2023
Ransomware, czyli oprogramowanie szantażujące, jest jednym z najniebezpieczniejszych typów cyberataków, paraliżując funkcjonowanie firm, instytucji publicznych oraz prywatnych użytkowników. To zagrożenie działa na zasadzie zaszyfrowania danych ofiary, a następnie żądania okupu za ich odblokowanie. Czy powinniśmy się obawiać? O tym w naszym artykule.
Zobacz wszystkie artykuły