la fel ca un pictor are nevoie de o perie, un fierar ciocanul ei și tâmplarul ferăstrăul său, WordPressers au nevoie de propriul set de instrumente.
în timp ce avem la dispoziție multe instrumente de dezvoltare WordPress diferite, cea mai mare parte a lucrărilor se întâmplă într-un editor de text simplu.
fie că sunteți un full-on plugin sau tema dezvoltator sau” numai ” un utilizator avansat, avem nevoie de editori de cod tot timpul: Configurarea fișierelor de bază, schimbarea stilurilor, editarea fișierelor șablon, îl numiți — o bună parte din munca noastră modifică liniile de cod.
prin urmare, este bine și corect să folosim cel mai bun instrument pe care îl avem la dispoziție, nu-i așa? La urma urmei, așa cum a spus Abraham Lincoln (presupus): „Dă-mi șase ore să tai un copac și voi petrece primele patru ascuțind toporul.”
(Nu credeam că îl pot aduce pe Lincoln într-o conversație despre WordPress, nu-i așa? Nici eu.)
pentru a ne asigura că folosim întotdeauna cele mai clare axe, să aruncăm o privire la unii dintre cei mai buni editori de cod pentru dezvoltatorii și utilizatorii WordPress de acolo.
ce să căutați într-un Editor de cod pentru dezvoltarea WordPress
înainte de a trece la software-ul real, să trecem rapid de ce ar trebui să folosim un editor de cod specializat în primul rând.
la urma urmei, nu puteți edita fișiere WordPress cu orice tip de editor de text, inclusiv cel livrat cu sistemul de operare al computerului?
în timp ce acest lucru este de fapt adevărat și astfel de programe sunt suficiente într-un vârf de cuțit, un editor de cod bun oferă mult mai multe caracteristici în afară de partea de „editare”, toate acestea concepute pentru a face viața ta ca un lucrător WordPress mult mai ușor și de a salva grămezi de timp.
în cele ce urmează voi trece peste câteva caracteristici și funcții comune ale programelor profesionale de editare a codurilor.
în funcție de nevoile și preferințele dvs., acestea pot reprezenta un factor important în decizia dvs. pentru sau împotriva oricăruia dintre editorii de coduri din această listă. Prin urmare, trebuie să vă asigurați că caracteristicile dvs. obligatorii sunt fie incluse nativ, fie pot fi adăugate printr-o extensie.
suport pentru limba țintă
În primul rând, este important să vă asigurați că editorul de cod ales acceptă limbajul de programare cu care intenționați să lucrați.
pentru dezvoltarea web aceasta ar fi de obicei HTML, CSS, PHP și JavaScript. Cu toate acestea, este posibil să aveți nevoie și de limbi suplimentare.
Din fericire, majoritatea editorilor de astăzi le susțin în mod implicit. Totuși, nu strică să verifici.
evidențierea sintaxei și opțiuni de aspect
capacitatea de a evidenția automat diferite elemente ale sintaxei codului cu culori diferite este o caracteristică foarte utilă pentru limbajele de programare, scriptare și marcare.
este mult mai ușor să înțelegeți și să citiți Codul, să identificați erorile de sintaxă (deoarece șirurile nu își vor schimba culoarea decât dacă sunt complete) și să vedeți unde se termină o paranteză și începe următoarea.
mulți editori de cod oferă, de asemenea, opțiuni suplimentare de aspect, cum ar fi plierea codului și indentarea automată. Combinate, aceste caracteristici îmbunătățesc foarte mult lizibilitatea codului.
evidențierea sintaxei este disponibilă pentru aproape toate limbajele de programare de astăzi și nu există nicio scuză pentru a nu o include într-un editor de cod.
Căutați și înlocuiți funcția
Mai ales în timp ce construiți site — uri complexe, se întâmplă destul de des ca ceva să fie schimbat la nivel de site-poate una dintre culorile principale sau o variabilă JavaScript importantă.
orice ar fi, acum sunteți lăsați să căutați și să corectați fiecare instanță din interiorul codului. După cum vă puteți imagina, acest lucru devine deosebit de dificil dacă lucrați cu mai multe fișiere, cum ar fi mai multe foi de stil.
când se întâmplă acest lucru, este foarte util să aveți la îndemână o funcție puternică de căutare și înlocuire care poate face acest lucru automat. Vă va salva multă muncă și ochi încordați, credeți-mă.
autocompletare Cod
s-ar putea ști această caracteristică de pe telefon (cu rezultate de multe ori hilar), procesor de text sau dacă ați lucrat vreodată cu Firebug pentru a face editări live pe CSS site-ul dvs.
după cum sugerează și numele, completarea automată vă ajută să scrieți cod fără a fi nevoie să tastați fiecare instanță în întregime. În schimb, atunci când începeți să tastați, editorul vă va sugera o serie de alternative care se potrivesc intrării dvs.
limbajul de programare este predestinat pentru astfel de lucruri, deoarece există doar un număr limitat de expresii care vor avea sens în orice caz și, după cum vă puteți imagina, acest lucru poate face codificarea mult mai rapidă și mai ușoară.
suport FTP încorporat
ridicați mâna dacă acest lucru sună ca fluxul de lucru pentru editarea fișierelor WordPress:
- deschideți Filezilla
- formați în serverul dvs.
- răsfoiți la un fișier
- Descărcați-l
- găsiți fișierul pe computer
- Deschideți-l cu un edior de text
- faceți modificări
- salvați fișierul
- reveniți la FileZilla
- Reîncărcați fișierul pe server
dacă ești tu, nu-ți face griji, nu ești singur. Cu toții am început cu acest proces sau cu un proces complicat similar.
Din fericire, există o cale mai ușoară. Mulți editori de cod au acum module pentru accesarea serverelor FTP/SFTP, astfel încât să puteți deschide, edita și implementa fișiere direct din editor.
controlul versiunii
controlul versiunii este o plasă de siguranță. Când faceți modificări la fișierele dvs. și lucrurile nu merg bine (așa cum vor fi inevitabil), controlul versiunii vă permite să reveniți la versiunile mai vechi ale lucrării dvs. și să anulați greșelile.
Mai ales dacă lucrați la proiecte mai mari, controlul versiunii este un must have.
în timp ce puteți utiliza Git (puteți găsi un tutorial pentru începători aici) și alte mijloace de control al versiunii independente de editorul dvs. de cod, mulți îl oferă fie încorporat, fie ca extensie.
dacă faci mai mult decât codificare casual, acest lucru ar putea fi un factor important pentru decizia ta.
până acum atât de bine?
să ajungem la concurenții pentru cel mai bun editor de cod pentru dezvoltarea WordPress.
cei mai buni editori de cod pentru dezvoltatorii și utilizatorii WordPress
un avertisment: pentru această postare am încercat să mă concentrez pe editorii de cod pur, nu pe medii de dezvoltare întregi. Deci, dacă nu puteți găsi IDE-ul preferat pe listă (cum ar fi PHPStorm, Eclipse etc.), asta e intenționat.
în plus, această listă nu este în niciun caz completă și în nicio ordine anume. Alegerea editorului de cod potrivit pentru dvs. depinde într-adevăr de preferințele și nevoile dvs. personale, prin urmare, nu voi da un verdict cu privire la care este cel mai bun.
toate bune? Atunci să ne apucăm de treabă.
Light Table
Preț: Gratuit
primul nostru concurent nu este doar gratuit și open source (îl puteți găsi pe GitHub), ci și rezultatul unei campanii de crowdfunding Kickstarter cu suport de peste 300K USD.
funcționează pe mai multe platforme (Windows, Mac, Linux), are o interfață slick și foarte curată și — datorită numeroaselor sale extensii disponibile — este extrem de personalizabil.una dintre cele mai interesante caracteristici este că oferă feedback instantaneu. Deschideți o fereastră de browser în interiorul editorului și puteți vedea imediat efectele modificărilor codului. Aici este în acțiune:
caracteristici suplimentare:
- Lightweight
- fuzzy file search
- suport pentru diferite încorporări
- sintaxa evidențierea
- depanare
UltraEdit
Pret: $79.95/an
Dacă sunteți de lucru cu Windows, Mac OS sau Linux, UltraEdit are spatele.
UltraEdit știe HTML, PHP, JS, Perl, C/C++, Python, și alte limbi, caracteristici sportive, cum ar fi compararea fișierelor, multi-tab / editare multi-panou și mai mult, și chiar propriul client FTP.
în timp ce relativ scumpe și cu plăți anuale recurente, aveți ușurința de minte de a lucra cu un produs premium, care este în curs de dezvoltare în mod activ.
caracteristici suplimentare:
- sintaxa evidențierea
- integrat SSH/telnet
- Editor teme
- fișier/date Sortare
RapidPHP
Pret: de la $35.95
rapidphp este un editor de cod pentru Windows care pune o primă mare pe viteză (de unde și numele, cred).
deși construit pentru programare PHP, sprijină, de asemenea HTML, CSS, JS, și alte limbaje de dezvoltare web cu caracteristici cum ar fi evidențierea sintaxei, completare automată, formatare, și depanare.
programul se conectează direct la serverele FTP, SFTP și FTPS și vine cu instrumente de gestionare a fișierelor și integrare Git.
în timp ce un produs premium, RapidPHP oferă o versiune de încercare, care poate fi folosit de 30 de ori înainte de a vi se cere să cumpere o licență.
caracteristici suplimentare:
- Cod pliere
- gata pentru HTML5 și CSS3
- CSS compatibilitate ceas
- căutare puternic și înlocuiți
- reutilizarea ușoară a fragmentelor de cod
- suport pentru dezvoltare mobil
Chocolat
preț: 49,00 USD
programul cu numele delicios are obiective înalte: să fie editorul de text perfect pentru Max OS X pentru fiecare limbaj de programare cunoscut omului (cuvintele lor nu ale mele).
vrea să realizeze acest lucru prin integrarea perfectă cu interfața OS, oferind completarea Codului pentru JS, Python, HTML și multe altele, precum și căutarea la nivel de proiect și înlocuirea și verificarea erorilor live.
caracteristici suplimentare:
- Cod pliere
- editare Split
- sistem de culoare picker
- previzualizare Live pentru HTML și Markdown
- crearea de proiecte prin drag and drop
Atom
Pret: Gratuit
atom este o adăugare relativ nouă în lumea editorilor de coduri și a fost făcută de nimeni altul decât GitHub.
funcționează cu toate sistemele de operare majore, este gratuit, open source și, din moment ce a fost realizat cu dezvoltatorii în minte, este foarte extensibil și personalizabil.
editorul vine cu un modul de bază care poate fi extins cu un număr tot mai mare de pachete create de utilizator. Împreună cu numeroasele teme, acest lucru vă permite să creați exact instrumentul de care aveți nevoie.
caracteristici suplimentare:
- căutare Fuzzy
- fragmente de cod
- browser Sistem de fișiere
- căutare la nivel de proiect și înlocuiți
- Vizualizări multiple panou
- Cod pliere
Komodo Edit
preț: Gratuit
acest editor este o versiune gratuită și open source împodobite-jos a popularului Komodo IDE. Oferă suport în mai multe limbi cu completare automată, instrumente de gestionare a proiectelor și urmărirea schimbărilor.
opțiuni mai avansate, cum ar fi depanare și unitatea de testare, cu toate acestea, sunt rezervate pentru fratele său mai mare.
caracteristici suplimentare:
- Markdown viewer
- selecții Multiple
- piei personalizabile și icoane
- Kopy.io integrare
CodeAnywhere
preț: Gratuit (pentru versiunea de încercare)
aceasta este o intrare destul de interesant. În loc de o aplicație descărcabilă, CodeAnywhere este un editor/IDE cloud (denumit în mod adecvat).
Conectați-vă de oriunde din lume, deschideți fișiere pe orice server FTP, Dropbox sau Google Drive și obțineți codul.
editorul include, de asemenea, un instrument de revizuire puternic pentru rollback ușor care vă permite să SSH fișiere direct la un alt server.
în plus, caracterul său cloud face colaborarea sau afișarea codului dvs. unei alte persoane la fel de ușoară ca trimiterea unui link și îl puteți utiliza și pe dispozitivele mobile iOS și Android.
Versiunea de bază a CodeAnywhere este liberă să încerce, licențele încep de la 2 USD/lună.
caracteristici suplimentare:
- stive predefinite de containere personalizate
- Conectează-te cu Git, Bitbucket, Github
- 70+ limbi, inclusiv JS, PHP, HTML și mai mult
- cod de completare
- Linting
- suport pentru toate dispozitivele și browsere
- aspecte foarte personalizabile, piei și mai mult
BBEdit
Pret: $49.99
BB în numele standuri pentru oase goale, Editor ‘ s Maker. Oferă suport pentru numeroase limbi, căutare și înlocuire în mai multe fișiere, completare automată, pliere cod și alte caracteristici.
în timp ce BBEdit vine cu o etichetă de preț, aceeași companie face, de asemenea, o alternativă gratuită numită TextWrangler pentru Mac OS. Este o versiune tăiată a produsului premium pe care o puteți da o rotire înainte de a vă angaja fratelui său mai mare și mai capabil.
caracteristici suplimentare:
- Căutare rapidă
- instrumente de gestionare a proiectelor
- evidențierea sintaxei
- pliere cod
- FTP / SFTP suport
Vim
preț: Gratuit (Charityware)
în timp ce site-ul lor arată foarte devreme în anii 90, editorul Vim se bucură de o reputație foarte bună în rândul dezvoltatorilor Linux.
este open source și oferă compatibilitate cross-platform un sens cu totul nou — Vim va funcționa chiar și în DOS sau pe un Amiga. (Întrebați-vă părinții dacă nu știți ce înseamnă asta).
editorul este, de asemenea, extrem de configurabil și poate fi extins cu caracteristici atât de puternice încât trece pe teritoriul IDE în loc să fie un editor de cod pur.
cu toate acestea, Vim vine cu o anumită curbă de învățare și, prin urmare, poate să nu fie un instrument pentru începători. De asemenea, în timp ce gratuit puteți opta să plătească pentru ea, donând astfel la un proiect de caritate în Uganda.
caracteristici suplimentare:
- interfață de utilizator integrată
- evidențierea sintaxei pentru peste 200 de limbi
Espresso
preț: 75 USD
acest concurent cofeinizat este un instrument de dezvoltare web pentru platforma Mac OS care are un instrument editor de cod numit cssedit.
are o interfață foarte frumoasă, acceptă completarea automată a codului și plierea codului, vă permite să glisați și să fixați cu ușurință fragmente de cod și chiar oferă o previzualizare live.
deși nu este cel mai ieftin, îl puteți testa cu un proces de 15 zile înainte de a vă angaja.
caracteristici suplimentare:
- împinge modificări direct la server
- suport pentru CSS3, HTML5 și alte limbi
- căutare puternic și înlocuiți funcția
TextMate
Pret: de la $56.00 (licență pentru un singur utilizator)
auto-intitulat „editor lipsă Pentru Mac OS X” este un alt editor cu o singură platformă, cu toate acestea, cu o abordare foarte inspirată de sistemul de operare UNIX.
TextMate este simplu, dar bogat în caracteristici cu completare automată, auto-liniuță, blocuri de cod pliabile și multe altele. De asemenea, oferă o funcție sofisticată de căutare și înlocuire și facilitează lucrul cu mai multe fișiere simultan.
caracteristici suplimentare:
- gestionare ușoară a clipboard-ului
- macrocomenzi înregistrabile
- suport pentru peste 50 de limbi
- evidențierea sintaxei
- suport pentru XCode
text sublim
preț: $70
fani modul de scriere fără distragere a atenției în WordPress se va bucura să audă că textul sublim vine cu aceeași caracteristică. Codificare în pace și concentrare, aici venim.
alte caracteristici care fac din acest program unul dintre cei mai populari editori de cod de acolo sunt designul său elegant, căutarea puternică, completarea automată și funcția de completare automată, precum și personalizarea ridicată.
faptul că funcționează în toate sistemele de operare majore, probabil, nu doare nici.
caracteristici suplimentare:
- comutator de proiect Instant
- editare divizată
- selecții Multiple
- API Plugin
Notepad++
preț: Gratuit
această bucată minunat de software-ul este una dintre armele mele personale de alegere și l-am menționat în alte locuri înainte. Este un instrument foarte util și gratuit pentru a face modificări rapide la orice fișier WordPress.
cu toate acestea, Notepad++ nu este doar pentru începători și codificare casual, este folosit și de dezvoltatori de clasă mondială.Caracteristicile includ evidențierea sintaxei pentru PHP, JS, HTML, CSS și o serie de alte limbi, căutarea și înlocuirea, precum și completarea automată.în plus, Notepad++ poate fi extins prin pluginuri-de exemplu, pentru a vă conecta direct prin FTP și multe altele. Singurul dezavantaj este că funcționează numai pe Windows. Ne pare rău, utilizatorii Apple și Linux.
caracteristici suplimentare:
- suport pentru medii multi-lingvistice
- sintaxa pliere
- multi-document tab interfață
- funcția Zoom
CoffeeCup
Pret: $69
I mă întreb ce e cu toate referințele de cafea în joc editor de cod. Asta e deja a doua.
oricum, CoffeeCup este în primul rând făcut pentru HTML / CSS și limitat la aceste două limbi plus PHP și Markdown. Rețineți acest lucru înainte de a cumpăra. Este, de asemenea, ruleaza doar pe Windows și Mac OS
cu toate acestea, pe de altă parte, vine cu autocompletare cod puternic, evidențierea sintaxei și validare, este gata pentru codul semantic, și sincronizează fișiere cu ușurință prin FTP.
puteți utiliza versiunea de încercare gratuită pentru a afla dacă are tot ceea ce căutați.
caracteristici suplimentare:
- pornire rapidă
- previzualizare Site
paranteze
preț: Free
Brackets este un produs foarte interesant nu numai pentru că este gratuit și open source. Cu Adobe ca producător, are și un nume mare în spatele său.
acest editor de cod se adresează în mod clar persoanelor cu un fundal de design. Una dintre cele mai tari caracteristici ale sale este capacitatea de a transforma măsurătorile, dimensiunile, stilurile și alte elemente de design din fișierele Photoshop direct în CSS.
în afară de faptul că este, de asemenea, extrem de personalizabil printr-o bibliotecă tot mai mare de extensii și suportă toate OS majore.
caracteristici suplimentare:
- ușoare
- editori Inline
- Cod pliere
- funcționalitate preprocesor
- previzualizare Live
Coda
Pret: $99
Coda este un alt Mac-numai intrare și unul foarte popular. O parte din motiv poate fi interfața sa curată și bine organizată, care oferă tot ce aveți nevoie pentru a construi site-uri web într-un singur ecran.
de asemenea, oferă opțiunile obișnuite de aspect pentru îmbunătățirea lizibilității codului (evidențierea sintaxei, plierea codului și indentarea), precum și completarea automată la nivel de proiect și închiderea automată a etichetelor.ce este cool este că vă permite să editați fișiere locale și la distanță deopotrivă, și se conectează cu ușurință la surse externe și servere. În afară de faptul că, de asemenea, vine cu un companion iPad numit Diet Coda (vezi ce au făcut acolo?).
caracteristici suplimentare:
- găsiți și înlocuiți
- depanare
- gestionarea fișierelor
- suport pentru FTP/SFTP/WebDAV/Amazon S3
ICEcoder
Preț: Gratuit
Ultima intrare din listă este destul de interesantă, deoarece funcționează direct în browserul dvs. Nu numai că acest lucru îl face utilizabil pe orice sistem de operare, dar puteți profita și nativ de tehnologiile browserului, cum ar fi fila.
Programul acceptă HTML5, CSS3, PHP, JS și nu numai, poate fi utilizat online sau local, oferă suport pentru boostere de tip precum Emmet, are indicii de cod și instrumente de comparare a codurilor, precum și gestionarea bazelor de date asemănătoare phpMyAdmin.
caracteristici suplimentare:
- găsiți și înlocuiți
- evidențierea Codului conștient de Context
- cursoare Multiple
- teme
- editare și gestionare a fișierelor locale/la distanță
care este editorul de cod preferat?
un editor de cod bine rotunjit este unul dintre instrumentele principale pentru oricine este implicat în dezvoltarea (sau doar în tinkering) platformei WordPress.
capacitatea de a modifica fișiere de bază, șabloane, foi de stil și multe altele este esențială pentru personalizarea site-urilor web WordPress și pentru a face WordPress propriu.
în timp ce orice editor de text va face teoretic, programele specializate pot eficientiza serios fluxul de lucru.
opțiuni îmbunătățite de lizibilitate și aspect, conexiuni FTP directe, căutare și înlocuire, completare automată și control versiune sunt doar câteva moduri în care aceste programe fac munca mult mai ușoară.
a decide care este editorul de cod potrivit pentru dvs. depinde în cele din urmă de ceea ce aveți nevoie și doriți.