IDE do programowania WordPress (niezależnie od doświadczenia)
W poprzednim artykule przeszedłem przez proces konfigurowania lokalnego środowiska programistycznego za pomocą menedżera pakietów. W szczególności mówiłem o użyciu Homebrew do zainstalowania Valet i Composer.
Ten pierwszy oferuje serwer WWW Nginx, serwer bazy danych MySQL, podczas gdy Homebrew umożliwia instalację PHP. Composer daje możliwość radzenia sobie z zależnościami PHP. Jeśli nie czytałeś posta, bardzo go polecam, ponieważ ten post opiera się na całym tym środowisku.
W szczególności będę mówił o IDE. Myślę, że to gorący temat, ale jeśli nie masz preferencji, przeprowadzę Cię przez proces wybierania takiego, który moim zdaniem jest najlepszy (przynajmniej na początek), konfigurowania go i używania w kontekście środowiska ustalonego w zeszłym tygodniu.
IDE do programowania WordPress
Wielu profesjonalnych programistów WordPressa prawdopodobnie usłyszysz, jak rozmawiają o PhpStorm. I nie bez powodu. Używam tego konkretnego IDE od ponad roku i jest naprawdę potężny.
Ma świetne wsparcie dla wielu zaawansowanych funkcji, jest rozszerzalny i ma wiele zintegrowanych funkcji, które sprawiają, że jest doskonałym środowiskiem do pracy; jednak odkryłem, że ze wszystkich IDE, które wypróbowałem, ma również najbardziej stromą krzywą uczenia się. Jest to również płatne IDE, które może być dla niektórych wyłączone. Ale to dobrze. Zajmiemy się tym w tym poście.
Niekoniecznie jest to zła rzecz: czasami rzeczy, których warto się nauczyć, są najtrudniejsze w użyciu. Ale istnieją alternatywy i staram się upewnić, że wszyscy, którzy to czytają, są na tej samej stronie.
Jak wspomniałem w poprzednim poście:
Jeśli mam zamiar długo pisać o tym materiale, czy powinienem zakładać, że wszyscy korzystamy z tego samego środowiska?
Ponieważ mylę się po stronie tak, myślę, że dobrze jest wybrać IDE, które moim zdaniem będzie dobrze współpracować z każdym – od tych, którzy dopiero się uczą, po tych, którzy są nieco bardziej zaawansowani. Wprowadź kod programu Visual Studio.
Uwaga na temat tego IDE
Jeśli czytasz tego bloga przez dłuższy czas (lub dopiero zaczynasz), przekonasz się, że mam archiwum postów na tym konkretnym IDE. Niektóre z napisanych przeze mnie postów to:
- Kod Visual Studio do programowania WordPress
- Konfigurowanie PHP CodeSniffer w Visual Studio Code
- TODO, RECENZJE i FIXME ,
- i tak dalej.
Właściwie mam całe zaległości, przez które możesz przejść. Problem: jest trochę przestarzały. Podczas korzystania z PhpStorm, Visual Studio Code (lub w skrócie Code) znacznie ulepszył, odkąd ostatnio go używałem.
Mając to na uwadze, niektóre z tych materiałów mogą wydawać się zbędne, ale ostatecznie doprowadzi nas wszystkich do tej samej strony.
Kod programu Visual Studio
Zanim zaczniesz, warto odnieść się do dwóch rzeczy:
- Dlaczego kod programu Visual Studio?
- Pierwsze kroki z Visual Studio Code
To ostatnie jest dość dużym tematem, ponieważ zawiera wiele rzeczy do zainstalowania, skonfigurowania i skonfigurowania, więc omówię to, zaczynając od tego postu i kilku nowych, ale przynajmniej warto porozmawiać o tym, dlaczego Visual Studio Code to solidne IDE do programowania WordPress.
1 Dlaczego kod programu Visual Studio?
Oprócz tego, że jest kompatybilny ze wszystkimi głównymi systemami operacyjnymi, jedną z pierwszych rzeczy, na które należy zwrócić uwagę w kodzie, jest to, że przechowuje kopię swoich ustawień we własnym pliku, dzięki czemu zawsze możesz do niego wrócić, ale możesz dostosować go do własnych ustawień .
Co więcej, wszystko jest utrzymywane w pliku JSON, który pozwala dostosować go do środowiska, w którym pracujesz. Może to PHP, może JavaScript, a może to coś zupełnie innego.
Ponadto utrzymywanie przenośnych ustawień ułatwia udostępnianie między komputerami. Oznacza to, że możesz umieścić plik, powiedzmy, w folderze Dropbox i mieć dostęp do swoich ustawień na wszystkich swoich komputerach.
Jest to oczywiście pomocne, jeśli masz tylko kilka maszyn. A jeśli to zrobisz, możesz chcieć zsynchronizować środowiska programistyczne, aby łatwo było między nimi zamieszać.
2 Pierwsze kroki z kodem Visual Studio
Rozpoczęcie od IDE jest proste. To naprawdę kwestia:
- Przejście do strony głównej programu,
- Pobranie wersji odpowiedniej dla Twojego systemu operacyjnego,
- Następnie zainstaluj go.
Ale samo zainstalowanie go nie wystarczy, prawda?
Chodzi mi o to, że nadal musimy porozmawiać o dodawaniu obszarów roboczych dla każdego z naszych projektów, konfigurowaniu ustawień i instalowaniu rozszerzeń, które pomogą nam zwiększyć produktywność w pracy, którą wykonujemy.
W następnych kilku postach zamierzamy to zrobić. W końcu, jeśli te posty będą zbyt długie, tak naprawdę nie zrobisz nic z resztą dnia 🙂.
A co z rozszerzeniami?
Pamiętaj jednak, że ponieważ w tej serii i w nadchodzącym artykule pracujemy głównie z WordPressem i powiązanym oprogramowaniem, musimy upewnić się, że mamy zainstalowanych kilka rzeczy, aby właściwie obsłużyć to, co zamierzamy robić.
Obejmuje to takie rzeczy, jak wsparcie dla:
- WordPress. Jedną z fajnych rzeczy związanych z używaniem inteligentnego IDE jest to, że może oferować uzupełnianie kodu. Używanie języka takiego jak PHP jest zwykle oferowane przez większość IDE. Ta wtyczka dodaje obsługę WordPressa.
- Standardy kodowania PSR2. Chociaż byłem kiedyś fanem Standardów Kodowania WordPressa, od tego czasu przeszedłem na Standardy Kodowania PSR (z różnych powodów).
- Debugowanie. Korzystanie z Xdebug jest niezbędne, jeśli chcesz zostać przekazany za pomocą instrukcji echo i var_dump w swoim kodzie. Ponadto pomaga zajrzeć głębiej w kod źródłowy WordPress podczas przechodzenia przez potencjalne problemy.
- TODO Zarządzanie. W większości przypadków, podczas pisania kodu, będą miejsca, do których będziesz musiał wrócić i przejrzeć, naprawić lub po prostu zrobić przed wydaniem czegoś do etapu lub produkcji. Korzystanie z takiego narzędzia pomoże Ci łatwo je znaleźć przed zatwierdzeniem kodu do kontroli źródła lub jego wdrożeniem.
- I więcej.
Oczywiście rzeczy, do których linki znajdują się powyżej, prowadzą do strony głównej każdej z wtyczek, ale możliwe jest – i prawdopodobnie lepsze – zainstalowanie ich z poziomu edytora, aby łatwiej nimi zarządzać.
Pamiętaj, że celem poprzedniego wpisu było umożliwienie łatwego zarządzania całym instalowanym przez nas oprogramowaniem. A instalowanie rozszerzeń za pośrednictwem IDE zapewnia dokładnie takie same wrażenia dla IDE.
Na koniec są to rozszerzenia, które okazały się przydatne podczas pracy z WordPressem.
W przyszłym
Chociaż przedstawiłem podsumowanie wielu z powyższych rzeczy, nie zagłębiam się w niektóre z nich ani czego się spodziewać podczas ich używania.
Co więcej, nie mówi o zwykłych tabulatorach i spacjach, czcionkach, które moim zdaniem warto używać, lintingu Sass, stylu i lintingu JavaScript i tak dalej.
Do tego czasu pracuj nad zainstalowaniem programu Visual Studio Code i skonfigurowaniem go za pomocą rozszerzeń, do których linki znajdują się powyżej. Łatwo to zrobić z poziomu IDE. A jeśli masz jakieś pytania, zostaw je w komentarzach.