Chociaż mam zestaw narzędzi, które wolę używać w projektach, nad którymi pracuję od podstaw, natura pracy kontraktowej polega na tym, że nie zawsze możesz z nich korzystać.
Zamiast tego musisz pracować przy użyciu narzędzi dostarczonych przez klienta, które zwykle wchodzą w grę, gdy dziedziczysz projekt od poprzedniego programisty.
Żeby było jasne, nie przeszkadza to w wyborze narzędzi. Nie mam tu ani tam stanowiska w tej sprawie. Zamiast tego uważam, że ważne jest, aby wiedzieć, jak łatwo rozpocząć korzystanie z niektórych z tych narzędzi.
Na przykład pracowaliśmy nad projektem, który wymaga Gulpa, który z kolei wymaga Node, który można łatwo zainstalować za pomocą Homebrew. To dużo kroków, żeby się cofnąć, prawda?
Rozpoczęcie pracy z Homebrew, Node i Gulp w programowaniu WordPress jest dość łatwe. Przedstawiłem poniższe kroki i zrobiłem, co mogę, aby wyjaśnić, co robi każdy pakiet, abyś wiedział, co instalujesz i co robisz, jeśli lub kiedy napotkasz taki projekt.
Homebrew, Node i Gulp
Dla tych, którzy mają pewne pojęcie o tym, czym są Gulp i Node, prawdopodobnie widzieliście sposoby na ich instalację na swój sposób. Jeśli to działa dla Ciebie i masz świetną konfigurację, to dobrze jest iść i nie martwię się zbytnio o resztę tego postu.
Jeśli z drugiej strony jesteś w tym zupełnie nowy, to jest to proces, który stosuję podczas pracy z tego typu konfiguracją.
Ale pamiętaj: chociaż przechodzę przez trzy programy do zainstalowania, każdy z nich można zainstalować na swój sposób, ale instalowanie ich za pomocą pakietu takiego jak Homebrew zapewnia również czysty sposób na zainstalowanie innego oprogramowania w ten sam sposób.
Najpierw zajmę się Homebrew, potem zajmę się Node i Gulp. A więc zaczynamy: Homebrew, Node i Gulp, wszystko dla rozwoju WordPressa.
1 piwo domowe
Krótko mówiąc, Homebrew to menedżer pakietów działający na macOS. Pozwala nam łatwo instalować i odinstalowywać oprogramowanie z wiersza poleceń.
Strona główna Homebrew
Menedżer pakietów pozwala nam łatwo zainstalować i zarządzać ogromną ilością oprogramowania, z którego wiele jest przydatnych dla programistów.
Strona główna twierdzi:
Homebrew instaluje potrzebne rzeczy, których Apple nie zrobił.
Ale żeby zobaczyć, co mam na myśli, spójrz na repozytorium. Jest ogromny, prawda? W tym poście skupiam się tylko na instalacji Node.
Zdecydowałem się na włączenie tej informacji do Homebrew przed zainstalowaniem pozostałych pakietów, ponieważ uważam, że warto to zbadać, jeśli nigdy wcześniej nie próbowałeś.
2 węzły
Aby zainstalować Gulp, musisz zainstalować node, który jest środowiskiem wykonawczym JavaScript, na którym zbudowany jest Gulp. Tak, oferuje wiele innych funkcji, ale to wszystko wykracza poza zakres tego postu.
Strona główna węzła
Strona główna twierdzi:
Ekosystem pakietów Node.js, npm, to największy ekosystem bibliotek open source na świecie.
Możesz też przeszukiwać wszystkie pakiety dostępne na stronie głównej NPM. Proste wyszukiwanie hasła „gulp" da prawie 10 000 wyników pakietów, które mogą współpracować z mechanizmem uruchamiania zadań (niektóre z nich robią to samo, ale masz pomysł).
3 Łyki
Wreszcie, Gulp to prosty program uruchamiający zadania z wiersza poleceń, który pozwala zautomatyzować wiele różnych rzeczy w procesie rozwoju. Jako jeden z przykładów, ma pakiet, który będzie oglądał pliki Sass, transpilował i łączył je przy każdym zapisie pliku.
Strona główna Gulp
Krótko mówiąc:
gulp to zestaw narzędzi do automatyzacji bolesnych lub czasochłonnych zadań w przepływie pracy programistycznej, dzięki czemu możesz przestać się bawić i coś zbudować.
Poprzez tak zwany plik gulp musisz dołączyć szereg zależności – takich jak te, które pozwalają na transpilację i łączenie plików CSS – a następnie automatycznie zrobić to w razie potrzeby.
Ale to nie koniec: możesz też pracować z obrazami, szablonami, plikami minifikacyjnymi, plikami lintowymi i tak dalej.
Instalowanie Homebrew, Node i Gulp
Wszystko to jest wprowadzeniem do oprogramowania, ale jak możemy to wszystko zainstalować w naszym systemie?
Najpierw zainstaluj homebrew. Aby to zrobić, uruchom Terminal i wprowadź następujące polecenie:
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"Jeśli to wygląda trochę dziwnie, po prostu wiedz, że używa cURL i zainstalowanego pliku wykonywalnego Ruby, aby pobrać pakiet Homebrew i zainstalować go w swoim systemie.
Następnie zainstaluj Node. Po zainstalowaniu Homebrew jest to łatwe. Wystarczy wpisać następujące polecenie:
$ brew Łatwe, prawda? I na koniec konieczne jest zainstalowanie Gulpa, i to są wymagane pakiety. Będzie to zależało od twojego projektu, ale do projektu, który mam, potrzebuję:
Możesz ich potrzebować lub nie, więc przedstawię tutaj, jak zainstalować zależności gulp i gulp-sass przy użyciu Node. Wpisz w terminalu:
$ npm install gulp
$ npm install gulp-sassNastępnie wpisz:
$ gulp sass:watchTo zainstaluje niezbędne zależności, a następnie powie Gulpowi, aby obserwował modyfikacje twoich plików Sass. Opiera się również na pomyśle, że masz już zdefiniowany plik Gulp.
Jeśli nie, musisz sam go stworzyć. Na szczęście dostępnych jest wiele przepisów.
Inne zasoby
Jak widać, jest to dość proste, ale program uruchamiający zadania dotyczy twojego środowiska. Zalecam przeczytanie dokumentacji dla każdego z powyższych pakietów, aby uzyskać głębsze zrozumienie niż krótki opis, który podałem:
I pamiętaj: nie zastąpi to żadnych narzędzi ani przepływu pracy, które już masz. Zamiast tego ma pokazać, jak zainstalować zestaw narzędzi, których może potrzebować dziedziczony projekt. A jeśli to nie Gulp, może to Grunt lub jakiś inny biegacz. Chodzi o to, że jest na to proces.
Tym, którzy interesują się konkretnie Homebrew (który jest podstawą wszystkiego powyżej), polecam również przeczytanie postu Carla Alexandra na temat jego aktualnej konfiguracji. Ma dział w całości poświęcony Homebrew, dlaczego go używa i nie tylko.