tak jak malarz potrzebuje pędzla, Kowala młota i stolarza piły, WordPress potrzebuje własnego zestawu narzędzi.
chociaż mamy do dyspozycji wiele różnych narzędzi programistycznych WordPress, większość pracy odbywa się w prostym edytorze tekstu.
niezależnie od tego, czy jesteś pełnoprawnym programistą wtyczek, motywów, czy” tylko ” zaawansowanym użytkownikiem, potrzebujemy edytorów kodu cały czas: Konfigurowanie podstawowych plików, zmiana stylów, edycja plików szablonów, nazwij to-dobrym kawałkiem naszej pracy jest modyfikowanie linii kodu.
dlatego dobrze i właściwie jest, że używamy najlepszego narzędzia, jakie mamy do dyspozycji, prawda? W końcu, jak powiedział Abraham Lincoln (rzekomo): „Daj mi sześć godzin na ścięcie drzewa, a pierwsze cztery spędzę na ostrzeniu siekiery.”
(nie sądziłem, że mogę wciągnąć Lincolna w rozmowę o WordPressie, prawda? Ja też nie.)
aby mieć pewność, że zawsze używamy najostrzejszych osi, rzućmy okiem na jedne z najlepszych edytorów kodu dla programistów i użytkowników WordPress.
czego szukać w edytorze kodu dla rozwoju WordPress
zanim przejdziemy do rzeczywistego oprogramowania, szybko przejdźmy do tego, dlaczego powinniśmy używać wyspecjalizowanego edytora kodu w pierwszej kolejności.
W końcu nie możesz edytować plików WordPress za pomocą dowolnego edytora tekstu, w tym tego dostarczanego z systemem operacyjnym komputera?
chociaż jest to prawdą i takie programy są wystarczające w mgnieniu oka, dobry edytor kodu oferuje wiele innych funkcji oprócz części „edycji”, wszystkie z nich zaprojektowane tak, aby ułatwić Ci życie jako pracownik WordPress i zaoszczędzić mnóstwo czasu.
w dalszej części omówię kilka wspólnych cech i funkcji profesjonalnych programów do edycji kodu.
w zależności od twoich potrzeb i preferencji, mogą one stanowić duży czynnik w twojej decyzji za lub przeciwko którymkolwiek z edytorów kodu na tej liście. Dlatego należy upewnić się, że niezbędne funkcje są dołączane natywnie lub mogą być dodawane za pomocą rozszerzenia.
Obsługa języka docelowego
Po pierwsze, ważne jest, aby upewnić się, że edytor kodu obsługuje języki programowania, z którymi planujesz pracować.
w przypadku tworzenia stron internetowych zwykle jest to HTML, CSS, PHP i JavaScript. Możesz jednak potrzebować dodatkowych języków.
na szczęście większość dzisiejszych edytorów obsługuje je domyślnie. Jednak nie zaszkodzi sprawdzić.
opcje podświetlania składni i układu
możliwość automatycznego podświetlania różnych elementów składni kodu różnymi kolorami jest bardzo przydatną funkcją programowania, skryptów i języków znaczników.
znacznie ułatwia zrozumienie i odczytanie kodu, wykrywa błędy składniowe (ponieważ ciągi znaków nie zmienią koloru, chyba że są kompletne) i widzi, gdzie kończy się jeden nawias, a zaczyna następny.
wiele edytorów kodu oferuje również dodatkowe opcje układu, takie jak składanie kodu i automatyczne wcięcia. W połączeniu te funkcje znacznie poprawiają czytelność kodu.
podświetlanie składni jest obecnie dostępne dla prawie wszystkich języków programowania i nie ma wymówki, aby nie umieszczać go w edytorze kodu.
funkcja szukaj i zastąp
szczególnie podczas budowania złożonych witryn, zdarza się na tyle często, że coś trzeba zmienić na całej stronie — może jeden z głównych kolorów lub ważna zmienna JavaScript.
cokolwiek to jest, pozostaje ci szukać i poprawiać każdą instancję wewnątrz kodu. Jak można sobie wyobrazić, staje się to szczególnie trudne, jeśli pracujesz z kilkoma plikami, takimi jak wiele arkuszy stylów.
gdy tak się stanie, bardzo przydatne jest posiadanie pod ręką potężnej funkcji wyszukiwania i zamiany, która może to zrobić automatycznie. Zaoszczędzi ci to dużo pracy i nadwyrężonych oczu, zaufaj mi.
Autouzupełnianie kodu
Możesz znać tę funkcję z telefonu (z często przezabawnymi wynikami), edytora tekstu lub jeśli kiedykolwiek pracowałeś z Firebug, aby edytować NA ŻYWO CSS witryny.
jak sama nazwa wskazuje, autouzupełnianie pomaga w pisaniu kodu bez konieczności wpisywania każdej instancji w całości. Zamiast tego, gdy zaczniesz pisać, edytor zaproponuje Ci kilka alternatyw, które pasują do twojego wkładu.
języki programowania są predestynowane do tego typu rzeczy, ponieważ istnieje tylko ograniczona liczba wyrażeń, które będą miały sens w każdym przypadku i, jak możesz sobie wyobrazić, może to znacznie przyspieszyć i ułatwić kodowanie.
Wbudowana obsługa FTP
Podnieś rękę, jeśli brzmi to jak przepływ pracy do edycji plików WordPress:
- Otwórz plik Filezilla
- Wybierz serwer
- przejdź do pliku
- pobierz go
- Znajdź plik na swoim komputerze
- Otwórz go edytorem tekstowym
- dokonaj edycji
- Zapisz plik
- wróć do pliku FileZilla
- Reupload pliku na serwer
jeśli to ty, nie martw się, nie jesteś sam. Wszyscy zaczęliśmy od tego lub podobnego zawiłego procesu.
na szczęście jest łatwiejszy sposób. Wiele edytorów kodu ma teraz moduły dostępu do serwerów FTP/SFTP, dzięki czemu można otwierać, edytować i wdrażać pliki bezpośrednio z edytora.
Kontrola wersji
Kontrola wersji jest siatką bezpieczeństwa. Gdy dokonujesz zmian w plikach i coś pójdzie nie tak (jak nieuchronnie), Kontrola wersji umożliwia powrót do starszych wersji pracy i cofanie błędów.
szczególnie jeśli pracujesz nad większymi projektami, Kontrola wersji jest koniecznością.
chociaż możesz użyć Git (możesz znaleźć tutorial dla początkujących tutaj) i innych środków kontroli wersji niezależnie od edytora kodu, wiele z nich oferuje go wbudowanego lub jako rozszerzenie.
jeśli robisz coś więcej niż zwykłe kodowanie, może to być ważny czynnik dla twojej decyzji.
jak na razie dobrze?
przejdźmy do pretendentów do najlepszego edytora kodu dla rozwoju WordPress.
najlepsze edytory kodu dla programistów i użytkowników WordPress
jedno zastrzeżenie: w tym poście starałem się skoncentrować na czystych edytorach kodu, a nie całych środowiskach programistycznych. Więc jeśli nie możesz znaleźć swojego ulubionego IDE na liście (jak PHPStorm, Eclipse, itp.), to celowo.
Plus, Ta lista nie jest w żaden sposób kompletna i w żadnej konkretnej kolejności. Wybór, który edytor kodu jest odpowiedni dla Ciebie, zależy naprawdę od twoich osobistych preferencji i potrzeb, dlatego nie dam werdyktu, który z nich jest najlepszy.
wszystko w porządku? Więc do roboty.
Light Table
Cena: Darmowy
nasz pierwszy pretendent jest nie tylko darmowym i open source (możesz go znaleźć na GitHub), ale także wynikiem kampanii crowdfundingowej Kickstarter z wsparciem ponad 300 000$.
działa na wielu platformach (Windows, Mac, Linux), ma zgrabny i bardzo przejrzysty interfejs, a dzięki wielu dostępnym rozszerzeniom jest wysoce konfigurowalny.
jedną z najciekawszych funkcji jest to, że zapewnia natychmiastową informację zwrotną. Otwórz okno przeglądarki wewnątrz edytora i od razu zobaczysz efekty zmian kodu. Tutaj jest w akcji:
dodatkowe funkcje:
- Lightweight
- Fuzzy File search
- Obsługa różnych embedów
- podświetlanie składni
- debugowanie
UltraEdit
Cena: $79.95/rok
Czy pracujesz z Windows, Mac OS lub Linux, UltraEdit ma twoje plecy.
UltraEdit zna HTML, PHP, JS, Perl, C/C++, Python i inne języki, funkcje sportowe, takie jak porównywanie plików, Edycja wielu kart / wielu okien i wiele innych, a nawet własny klient FTP.
chociaż jest to stosunkowo drogie i przy corocznych płatnościach, masz łatwość pracy z produktem premium, który jest aktywnie rozwijany.
dodatkowe funkcje:
- podświetlanie składni
- zintegrowany SSH/telnet
- edytor motywów
- sortowanie plików/danych
RapidPHP
Cena: od $35.95
rapidphp to edytor kodu dla Windows, który kładzie duży nacisk na szybkość (stąd nazwa, jak sądzę).
chociaż jest przeznaczony do programowania PHP, obsługuje również HTML, CSS, JS i inne języki programowania stron internetowych z funkcjami takimi jak podświetlanie składni, autouzupełnianie, formatowanie i debugowanie.
program łączy się również bezpośrednio z serwerami FTP, SFTP i FTPS i jest wyposażony w narzędzia do zarządzania plikami i integrację z Git.
będąc produktem premium, RapidPHP oferuje wersję próbną, która może być użyta 30 razy, zanim zostaniesz poproszony o zakup licencji.
Funkcje dodatkowe:
- składanie kodu
- gotowy do HTML5 i CSS3
- zgodność z CSS oglądaj
- Zaawansowane wyszukiwanie i zastępowanie
- łatwe ponowne użycie fragmentów kodu
- wsparcie dla rozwoju mobilnego
Chocolat
cena: $49.00
program o pysznej nazwie ma wzniosłe cele: być idealnym edytorem tekstu dla max OS X dla każdego języka programowania znanego człowiekowi (ich słowa nie moje).
chce to osiągnąć, idealnie integrując się z interfejsem systemu operacyjnego, oferując uzupełnianie kodu dla JS, Python, HTML i innych, a także wyszukiwanie i zastępowanie w całym projekcie oraz sprawdzanie błędów na żywo.
dodatkowe funkcje:
- składanie kodu
- Edycja Dzielona
- systemowy selektor kolorów
- Podgląd na żywo HTML i Markdown
- tworzenie projektów za pomocą przeciągania i upuszczania
Atom
Cena: bezpłatna
atom jest stosunkowo nowym dodatkiem do świata edytorów kodu i został stworzony przez nikogo innego jak GitHub.
działa na wszystkich głównych systemach operacyjnych, jest darmowy, open source, a ponieważ został stworzony z myślą o programistach, jest wysoce rozszerzalny i konfigurowalny.
edytor jest wyposażony w jeden moduł podstawowy, który można rozszerzyć o rosnącą liczbę pakietów użytkownika. Wraz z wieloma motywami pozwala to stworzyć dokładnie to, czego potrzebujesz.
dodatkowe funkcje:
- wyszukiwanie rozmyte
- fragmenty kodu
- przeglądarka systemu plików
- wyszukiwanie w całym projekcie i zastępowanie
- wiele widoków okienek
- składanie kodu
Komodo Edit
Cena: Darmowy
Ten edytor jest darmową i otwartoźródłową wersją popularnego Komodo IDE. Oferuje obsługę wielu języków z autouzupełnianiem, narzędziami do zarządzania projektami i śledzeniem zmian.
bardziej zaawansowane opcje, takie jak debugowanie i Testowanie jednostek, są jednak zarezerwowane dla jego starszego brata.
dodatkowe funkcje:
- przeglądarka Markdown
- wiele wyborów
- konfigurowalne skórki i ikony
- Kopy.io integracja
CodeAnywhere
Cena: Darmowy (dla wersji trial)
ten wpis jest dość intrygujący. Zamiast aplikacji do pobrania, CodeAnywhere jest (trafnie nazwanym) edytorem/IDE w chmurze.
Zaloguj się z dowolnego miejsca na świecie, otwórz pliki na dowolnym serwerze FTP, Dropbox lub Dysku Google i uzyskaj kod.
edytor zawiera również potężne narzędzie do łatwego wycofywania, które pozwala na przesyłanie plików SSH bezpośrednio na inny serwer.
ponadto jego chmurowy charakter sprawia, że współpraca z kodem lub Pokazywanie go innej osobie jest tak łatwe, jak wysłanie linku, a także można go używać na urządzeniach mobilnych z systemem iOS i Android.
podstawowa wersja CodeAnywhere jest darmowa do wypróbowania, licencje zaczynają się od $2/miesiąc.
dodatkowe funkcje:
- predefiniowane niestandardowe stosy kontenerów
- Połącz się z Gitem, Bitbucket, Github
- 70+ języków, w tym JS, PHP, HTML i więcej
- uzupełnianie kodu
- Linting
- Obsługa wszystkich urządzeń i przeglądarek
- wysoce konfigurowalne układy, skórki i inne
BBEdit
cena: 49,99 zł
BB w nazwie oznacza bare bones, producenta edytora. Oferuje wsparcie dla wielu języków, wyszukiwanie i zastępowanie w wielu plikach, autouzupełnianie, składanie kodu i inne funkcje.
BBEdit ma swoją cenę, ale ta sama firma tworzy również darmową alternatywę o nazwie TextWrangler dla Mac OS. Jest to przycięta Wersja produktu premium, którą możesz wypróbować, zanim zdecydujesz się na jego większego, bardziej zdolnego brata.
dodatkowe funkcje:
- Szybkie wyszukiwanie
- narzędzia do zarządzania projektami
- podświetlanie składni
- składanie kodu
- obsługa FTP / SFTP
Vim
Cena: Darmowy (Charityware)
chociaż ich strona wygląda naprawdę na początku lat 90-tych, edytor Vim cieszy się bardzo dobrą opinią wśród programistów Linuksa.
jest open source i nadaje kompatybilności międzyplatformowej zupełnie nowe znaczenie-Vim będzie działał nawet w DOS lub na Amidze. (Zapytaj rodziców, jeśli nie wiesz, co to oznacza).
edytor jest również wysoce konfigurowalny i może być rozszerzony o tak potężne funkcje, że przechodzi na terytorium IDE zamiast być czystym edytorem kodu.
jednak Vim ma pewną krzywą uczenia się i dlatego może nie być narzędziem dla początkujących. Ponadto, podczas gdy za darmo można zdecydować się zapłacić za to, przekazując w ten sposób na projekt charytatywny w Ugandzie.
dodatkowe funkcje:
- zintegrowany interfejs użytkownika
- podświetlanie składni dla ponad 200 języków
Espresso
Cena: $75
To narzędzie do tworzenia stron internetowych dla platformy Mac OS, które ma wbudowany narzędzie edytora kodu o nazwie cssedit.
ma naprawdę ładny interfejs, obsługuje autouzupełnianie kodu i składanie kodu, pozwala łatwo przeciągać i upuszczać fragmenty kodu, a nawet oferuje podgląd na żywo.
chociaż nie jest najtańszy, możesz go przetestować za pomocą 15-dniowego okresu próbnego przed podjęciem zobowiązania.
dodatkowe funkcje:
- Push zmiany bezpośrednio do serwera
- wsparcie dla CSS3, HTML5 i innych języków
- Potężna funkcja wyszukiwania i zamiany
TextMate
Cena: od $56.00 (single user license)
autorski tytuł „missing editor for Mac OS X” jest jednak kolejnym edytorem jednoplatformowym, z podejściem bardzo inspirowanym systemem operacyjnym UNIX.
TextMate jest prosty, ale bogaty w funkcje z autouzupełnianiem, automatycznym wcięciem, składanymi blokami kodu i wieloma innymi. Oferuje również wyrafinowaną funkcję wyszukiwania i zastępowania i ułatwia pracę z kilkoma plikami naraz.
Funkcje dodatkowe:
- Łatwe zarządzanie schowkiem
- nagrywalne makra
- wsparcie dla ponad 50 języków
- podświetlanie składni
- wsparcie dla XCode
Sublime Text
cena: $70
fani trybu pisania bez rozpraszania uwagi w WordPressie z radością usłyszą, że wysublimowany tekst ma tę samą funkcję. Kodowanie w spokoju i koncentracji, nadchodzimy.
Inne funkcje, które sprawiają, że ten program jest jednym z najbardziej popularnych edytorów kodu są jego zgrabny projekt, Zaawansowane wyszukiwanie, autouzupełnianie i funkcja autouzupełniania, a także wysoka możliwość dostosowania.
fakt, że działa we wszystkich głównych systemach operacyjnych, prawdopodobnie również nie zaszkodzi.
dodatkowe funkcje:
- natychmiastowy przełącznik projektu
- Edycja Dzielona
- wiele wyborów
- API wtyczek
Notepad++
Cena: Free
To niesamowite oprogramowanie jest jedną z moich osobistych broni z wyboru i wspominałem o tym w innych miejscach wcześniej. Jest to bardzo poręczne i bezpłatne narzędzie do szybkiego edytowania dowolnego pliku WordPress.
jednak Notepad++ nie jest przeznaczony tylko dla początkujących i zwykłych programistów, jest również używany przez światowej klasy programistów.
funkcje obejmują podświetlanie składni dla PHP, JS, HTML, CSS i wielu innych języków, wyszukiwanie i zastępowanie, a także autouzupełnianie.
poza tym Notepad++ można rozszerzyć za pomocą wtyczek-na przykład, aby połączyć się bezpośrednio przez FTP i wiele więcej. Jedynym minusem jest to, że działa tylko na Windows. Przykro mi, użytkownicy Apple i Linux.
dodatkowe funkcje:
- Obsługa środowisk wielojęzycznych
- składnia składni
- Interfejs Wielu Kart
- funkcja powiększania
CoffeeCup
Cena: $69
I ciekawe o co chodzi z tymi wszystkimi odniesieniami do kawy w grze edytor kodu. To już drugi.
w każdym razie CoffeeCup jest przede wszystkim stworzony dla HTML/CSS i ograniczony do tych dwóch języków plus PHP i Markdown. Pamiętaj o tym przed zakupem. Jest również działa tylko na Windows i Mac OS
jednak z drugiej strony jest wyposażony w potężne autouzupełnianie kodu, podświetlanie składni i walidację, jest gotowy do kodu semantycznego i łatwo synchronizuje pliki przez FTP.
możesz skorzystać z bezpłatnej wersji próbnej, aby dowiedzieć się, czy ma wszystko, czego szukasz.
dodatkowe funkcje:
- Szybkie uruchamianie
- podgląd strony
wsporniki
Cena: Free
To bardzo ciekawy produkt nie tylko dlatego, że jest darmowy i open source. Z Adobe jako jego twórca, ma również dużą nazwę za nim.
Ten edytor kodu jest wyraźnie skierowany do osób z doświadczeniem projektowym. Jedną z jego najfajniejszych funkcji jest możliwość przekształcania pomiarów, wymiarów, stylów i innych elementów projektu wewnątrz plików Photoshop bezpośrednio w CSS.
oprócz tego jest również wysoce konfigurowalny poprzez rosnącą bibliotekę rozszerzeń i obsługuje wszystkie główne systemy operacyjne.
Funkcje dodatkowe:
- lekki
- edytory Inline
- składanie kodu
- funkcjonalność preprocesora
- podgląd na żywo
Coda
cena: $99
Coda to kolejny wpis tylko dla komputerów Mac i bardzo popularny. Jednym z powodów może być jego czysty i dobrze zorganizowany interfejs, który zapewnia wszystko, czego potrzebujesz do tworzenia stron internetowych na jednym ekranie.
oferuje również zwykłe opcje układu poprawiające czytelność kodu (podświetlanie składni, składanie kodu i wcięcia), a także autouzupełnianie całego projektu i automatyczne zamykanie znaczników.
fajne jest to, że pozwala edytować zarówno lokalne, jak i zdalne pliki, i łatwo łączy się z zewnętrznymi źródłami i serwerami. Poza tym jest również wyposażony w iPad companion o nazwie Diet Coda (zobacz, co tam zrobili?).
Funkcje dodatkowe:
- znajdź i zamień
- debugowanie
- Zarządzanie plikami
- Obsługa FTP/SFTP/WebDAV/Amazon S3
ICEcoder
Cena: Darmowy
ostatni wpis na liście jest dość interesujący, ponieważ działa bezpośrednio w przeglądarce. Nie tylko sprawia, że jest on użyteczny w dowolnym systemie operacyjnym, ale możesz również natywnie korzystać z technologii przeglądarek, takich jak zakładki.
program obsługuje HTML5, CSS3, PHP, JS i inne, może być używany online lub lokalnie, oferuje wsparcie dla wzmacniaczy typu, takich jak Emmet, ma wskazówki do kodu i narzędzia do porównywania kodu, a także zarządzanie bazami danych w stylu phpMyAdmin.
dodatkowe funkcje:
- znajdź i zamień
- kontekstowe podświetlanie kodu
- wiele kursorów
- motywy
- lokalna/Zdalna Edycja i zarządzanie plikami
jaki jest twój preferowany edytor kodu?
dobrze zaokrąglony edytor kodu jest jednym z podstawowych narzędzi dla każdego, kto zajmuje się tworzeniem (lub tylko majsterkowaniem) platformy WordPress.
możliwość modyfikowania podstawowych plików, szablonów, arkuszy stylów i innych jest najważniejsza dla dostosowywania stron internetowych WordPress i tworzenia WordPress własnego.
chociaż każdy edytor tekstu teoretycznie to zrobi, specjalistyczne programy mogą poważnie usprawnić przepływ pracy.
poprawiona czytelność i opcje układu, bezpośrednie połączenia FTP, wyszukiwanie i zastępowanie, autouzupełnianie i kontrola wersji to tylko kilka sposobów, w jakie te programy znacznie ułatwiają pracę.
decyzja, który z nich jest odpowiedni dla Twojego edytora kodu, zależy ostatecznie od tego, czego potrzebujesz i chcesz.