Pierwsze kroki z Grunt

Obecnie, gdy mówimy o tworzeniu stron internetowych, istnieją czynniki, które zmuszają nas do polegania na dużej liczbie zadań, które musimy wykonać po stworzeniu kodu, a wiele więcej, jeśli używamy JavaScript , ponieważ istnieją różne narzędzia, których potrzebujemy, aby nasza aplikacja była jak najbardziej optymalna.
Ponieważ wszystko, co zależy od człowieka, nie zawsze jest doskonałe i składa się z błędów, zawsze szukamy sposobu na zbudowanie procesów tak czystych, jak to możliwe i zautomatyzowanie ich, ponieważ błędy są mniej prawdopodobne, jeśli włożymy wszystko raz naszą uwagę na czymś, a potem pozostawiamy jej przebieg do maszyny.

POWIĘKSZAĆ

Tutaj to się pojawia Chrząknięcie, co jest niczym innym jak wynikiem poszukiwań automatyzacji i redukcji błędów oraz oszczędności pracy. Stworzony w 2012 roku, cieszy się rosnącą popularnością do dziś jest niemal niezbędnym elementem każdego środowiska, które zawiera JavaScript jako język programistyczny.
Co to jest Grunt?Jest to narzędzie dla wiersza poleceń lub konsoli JavaScript odpowiada za wykonywanie zadań, które są powtarzalne i zabierają dużo czasu, np. gdy musimy zminimalizować i skompresować kod JavaScript, za każdym razem, gdy modyfikujemy plik, musimy wykonać te dwa zadania, używając Chrząknięcie jest to automatyczne, za każdym razem, gdy zmieniamy pliki Chrząknięcie odpowiada za wykonanie tych zadań.
Dzięki tego rodzaju funkcjonalności Chrząknięcie spotkała się z doskonałym przyjęciem w świecie rozwoju, zwłaszcza tych, na których opierają swój rozwój JavaScript w środowiskach takich jak Node.js o CoffeeScript, który doprowadził do powstania dużej społeczności z ponad 2000 wtyczek w repozytoriach npm, które współpracują z Chrząknięcie.
Dzisiejsze aplikacje internetowe rosną nie tylko pod względem rozmiaru, ale także złożoności, co prowadzi nas do opracowywania ilości kodu i budowania narzędzi, które przekraczają ludzki limit wyczerpującego przeglądu, dlatego powstaje rozwój oparty na testach lub TDD, i w ten sam sposób są dodatkowe zadania, które nie mają nic wspólnego z kodem, które pozwalają nam zoptymalizować naszą aplikację.
Chrząknięcie pomaga nam w drugiej części podejścia, pozwala skrócić czas, który musimy zainwestować w realizację zadań, a tym samym pomaga nam przestrzegać zasady SUCHY, żeby się nie powtarzać. Dlatego musimy użyć Chrząknięcie aby zaoszczędzić czas i zmniejszyć prawdopodobieństwo popełnienia błędów.
Wiemy już, co to jest i dlaczego powinniśmy z niego korzystać, ale jest jeszcze trochę do omówienia Chrząknięcie, gdzie jedną z najważniejszych rzeczy jest wiedza o korzyściach, jakie nam to przynosi, od większej spójności naszej aplikacji po kontakt ze społecznością programistów, a następnie przyjrzyjmy się korzyściom bardziej szczegółowo.
EfektywnośćCzasami wydaje nam się, że robienie rzeczy ręcznie oszczędza nam czasu na badanie i wdrażanie niektórych narzędzi, ale okazuje się, że nagromadzony czas w tygodniu lub miesiącu staje się nadmierny, gdzie możemy stracić nawet 4 lub 5 godzin, przy Chrząknięcie jest to zmniejszone, ponieważ po prostu po zautomatyzowaniu zadania na koniec dnia zwalniamy te egzekucje z naszych rąk.
KonsystencjaJak wspomnieliśmy na początku, człowiek jest podatny na błędy i dlatego automatyzując możemy je zredukować, Chrząknięcie Daje nam możliwość wykonania wszystkiego dokładnie w taki sposób, w jaki sprawdziliśmy, że nie ma błędów, tym samym wykluczając czynnik ludzki z równania i optymalizując nasze zadania.
SkutecznośćBudując zestaw zautomatyzowanych zadań, możemy sprawić, by nasz umysł poradził sobie z problemami, które naprawdę wymagają naszej uwagi, a wykonując mniej zadań będziemy mniej zmęczeni, dzięki czemu będziemy bardziej efektywni.
SpołecznośćJeśli jest coś, o czym myśleliśmy, że potrzebujemy dla naszego zautomatyzowanego środowiska, to z pewnością istnieje, a to dzięki wielkim zaletom Chrząknięcie Zbudowano silną społeczność wtyczek, z których możemy korzystać swobodnie i za darmo wiele razy, oszczędzając w ten sposób znacznie więcej pracy.
Po zapoznaniu się z koncepcjami teoretycznymi, zaletami, powodami jego stosowania i innymi interesującymi aspektami ChrząknięcieNadszedł czas, abyśmy mogli zastosować w praktyce wszystko, czego się nauczyliśmy, więc zacznijmy od zainstalowania tego wspaniałego narzędzia w naszym środowisku.
Chrząknięcie Jest wieloplatformowy, więc możemy go używać na Windows, Mac i Linux, ze względów praktycznych podczas tego samouczka zobaczymy instalację w środowisku OknaJednak po spełnieniu początkowego wymagania proces nie różni się zbytnio w innych systemach.
Node.js i jego pakiet i menedżer modułów npm są głównym wymaganiem przed instalacją Chrząknięcie, obecnie oba narzędzia są w tej samej instalacji, więc musimy tylko zainstalować Node.js W naszym systemie ten proces jest bardzo prosty i został wyjaśniony w innych samouczkach, jednak wystarczy odwiedzić oficjalną stronę projektu nodejs.org, aby dowiedzieć się, jak zainstalować w naszym systemie operacyjnym.

POWIĘKSZAĆ

Po pobraniu i uzyskaniu Node.js działając w naszym systemie jesteśmy gotowi na kolejny krok.
Instalacja Chrząknięcie to bardzo proste, zdobędziemy narzędzie Grunt CLI, czyli interfejs wiersza poleceń, który pozwoli nam wykorzystać konsolę jako nasz sposób wskazywania Chrząknięcie zadania do wykonania. Do tego będziemy używać npm i jego repozytoria, które są zawsze aktualizowane do najnowszej stabilnej wersji projektu.
Aby to zrobić, wystarczy uruchomić następującą instrukcję w naszej konsoli poleceń:

 npm install -g grunt-cli

Ta akcja pozostawi nam już zainstalowane narzędzie, jak widać na poniższym zrzucie ekranu naszej konsoli.

Jak widzieliśmy, instalacja była bardzo prosta iw zaledwie kilka sekund sprawia, że ​​nasz system jest gotowy do użycia Chrząknięcie. Teraz musimy przejść do folderu, w którym znajduje się projekt, z którym chcemy się połączyć Chrząknięcie i wykonujemy następującą instrukcję:

 npm zainstaluj grunt

To pozwoli nam na włączenie Chrząknięcie w naszym projekcie i tym samym zacznij z niego korzystać, zobaczmy, co powie nam konsola, gdy to zrobimy:

Naszym następnym krokiem jest teraz wygenerowanie plików pakiet.json Tak Gruntfile.js, oba są niezbędne dla naszej aplikacji, dzięki czemu możemy spełnić wszystkie potrzebne nam zależności, a także wskazać, aby Chrząknięcie co robić skutecznie. Te pliki są kluczowe, ponieważ są rodzajem frameworka, na którym npm Tak Chrząknięcie będą wspierane, jeśli nie istnieją w naszym projekcie będziemy mieli problemy z korzystaniem z narzędzia.
Aby wygenerować zawartość pakiet.json Wystarczy, że użyjemy polecenia, które poda nam początkową konfigurację, do tego musimy najpierw utworzyć pusty plik o nazwie pakiet.json, bardzo ważne jest, aby zawierał dwa nawiasy klamrowe {}, aby był interpretowany jako JSON, to w naszej konsoli musimy wykonać następujące czynności w tym samym katalogu naszego projektu:

 npm install --save grunt-contrib-uglify

Co da nam następujący komunikat w konsoli poleceń:

Wreszcie, jeśli zobaczymy nasz plik pakiet.json Zobaczymy, że został zaktualizowany o następującą zawartość:

Teraz musimy stworzyć plik Gruntfile.js, to kto powie Chrząknięcie wszystko, co musi być wykonane w naszym środowisku, więc jest to istotna część, podstawowa struktura tego pliku wygląda następująco:

 module.exports = function (grunt) {// oto treść naszych zadań};

Po komentarzu jest to, że możemy umieścić nasze różne zaplanowane zadania, które zrobimy po wykonaniu polecenia chrząknięcie wszystkie instrukcje, które umieściliśmy w tym pliku są wykonywane w naszej konsoli.
Ponieważ widzieliśmy już wystarczająco dużo treści, tworzenie automatycznych zadań odejdziemy na inny czas, ważne jest, abyśmy zrozumieli, że jest to Chrząknięcie, jakie są wymagania, jakie potrzebujemy, aby go zainstalować i wszystko, co nam oferuje.
Na tym kończymy ten samouczek, jeśli chcemy wejść trochę głębiej, możemy przejść do oficjalnej dokumentacji narzędzia, która jest w języku angielskim, a tym samym poszerzyć wiedzę, którą możemy później zastosować w praktyce.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt