Proprio come un pittore ha bisogno di un pennello, un fabbro il suo martello, e falegname la sua sega, WordPressers bisogno di un proprio set di strumenti.
Mentre abbiamo molti diversi strumenti di sviluppo WordPress a nostra disposizione, la maggior parte del lavoro avviene all’interno di un semplice editor di testo.
Che tu sia un plugin completo o uno sviluppatore di temi o “solo” un utente avanzato, abbiamo bisogno di editor di codice tutto il tempo: Configurazione dei file di base, modifica degli stili, modifica dei file di modello, è il nome — una buona parte del nostro lavoro è la modifica di linee di codice.
Pertanto, è solo buono e corretto utilizzare lo strumento migliore a nostra disposizione, non è vero? Dopotutto, come disse Abraham Lincoln (presumibilmente): “Dammi sei ore per abbattere un albero e passerò le prime quattro ad affilare l’ascia.”
(Non pensavo di poter portare Lincoln in una conversazione su WordPress, vero? Neanch’io.)
Per essere sicuri di utilizzare sempre il più acuto degli assi, diamo un’occhiata ad alcuni dei migliori editor di codice per gli sviluppatori e gli utenti di WordPress là fuori.
Cosa cercare in un editor di codice per lo sviluppo di WordPress
Prima di passare al software effettivo, passiamo rapidamente al motivo per cui dovremmo usare un editor di codice specializzato in primo luogo.
Dopo tutto, non puoi modificare i file WordPress con qualsiasi tipo di editor di testo, incluso quello fornito con il sistema operativo del tuo computer?
Mentre questo è in realtà vero e tali programmi sono sufficienti in un pizzico, un buon editor di codice offre molte più funzionalità oltre alla parte di “editing”, tutte progettate per rendere la tua vita come lavoratore di WordPress molto più facile e farti risparmiare un sacco di tempo.
Di seguito esaminerò alcune caratteristiche e funzioni comuni dei programmi di modifica del codice professionale.
A seconda delle tue esigenze e preferenze, possono rappresentare un fattore importante nella tua decisione a favore o contro uno qualsiasi degli editor di codice in questa lista. Pertanto, è necessario assicurarsi che le caratteristiche must-have sono inclusi in modo nativo o possono essere aggiunti tramite un’estensione.
Supporto per la lingua di destinazione
Prima di tutto, è importante assicurarsi che l’editor di codice scelto supporti i linguaggi di programmazione con cui si prevede di lavorare.
Per lo sviluppo web questo sarebbe in genere HTML, CSS, PHP e JavaScript. Tuttavia, potresti anche avere bisogno di altre lingue.
Fortunatamente, la maggior parte degli editor di oggi supporta questi per impostazione predefinita. Eppure, non fa male controllare.
Opzioni di evidenziazione della sintassi e layout
La possibilità di evidenziare automaticamente diversi elementi della sintassi del codice con colori diversi è una caratteristica molto utile per la programmazione, lo scripting e i linguaggi di markup.
Rende molto più facile capire e leggere il codice, individuare gli errori di sintassi (poiché le stringhe non cambieranno colore a meno che non siano complete) e vedere dove finisce una parentesi e inizia la successiva.
Molti editor di codice offrono anche opzioni di layout aggiuntive come la piegatura del codice e il rientro automatico. Combinate, queste caratteristiche migliorano notevolmente la leggibilità del codice.
L’evidenziazione della sintassi è disponibile per praticamente tutti i linguaggi di programmazione oggi e non ci sono scuse per non includerlo in un editor di codice.
Cerca e sostituisci la funzione
Soprattutto durante la costruzione di siti complessi, accade abbastanza spesso che qualcosa debba essere cambiato in tutto il sito — forse uno dei colori principali o un’importante variabile JavaScript.
Qualunque cosa sia, ora stai cercando e correggendo ogni singola istanza all’interno del codice. Come puoi immaginare, questo diventa particolarmente difficile se stai lavorando con diversi file, come più fogli di stile.
Quando ciò accade, è molto utile avere una potente funzione di ricerca e sostituzione a portata di mano che può farlo automaticamente. Ti farà risparmiare un sacco di lavoro e occhi tesi, fidati di me.
Completamento automatico del codice
Potresti conoscere questa funzione dal tuo telefono (con risultati spesso esilaranti), word processor o se hai mai lavorato con Firebug per fare modifiche live sul CSS del tuo sito.
Come suggerisce il nome, il completamento automatico ti aiuta a scrivere codice senza dover digitare completamente ogni istanza. Invece, quando inizi a digitare, l’editor ti suggerirà una serie di alternative che si adattano al tuo input.
I linguaggi di programmazione sono predestinati per questo genere di cose, dal momento che ci sono solo un numero limitato di espressioni che avranno senso in ogni caso e, come puoi immaginare, questo può rendere la codifica molto più veloce e più facile.
Supporto FTP incorporato
Alza la mano se questo suona come il tuo flusso di lavoro per la modifica dei file WordPress:
- Aprire Filezilla
- connessione del server
- selezionare un file
- Scaricare
- Trovare il file sul vostro computer
- Apri con un testo edior
- Apportare modifiche
- Salva il file
- torna a FileZilla
- Ricaricare il file al server
Se si, non preoccupatevi, non siete soli. Abbiamo tutti iniziato con questo o un processo contorto simile.
Per fortuna c’è un modo più semplice. Molti editor di codice ora hanno moduli per l’accesso ai server FTP/SFTP in modo da poter aprire, modificare e distribuire i file direttamente dall’editor.
Controllo versione
Il controllo versione è una rete di sicurezza. Quando si apportano modifiche ai file e le cose vanno male (come inevitabilmente), il controllo di versione consente di tornare alle versioni precedenti del proprio lavoro e annullare gli errori.
Soprattutto se si sta lavorando su progetti più grandi, il controllo di versione è un must.
Mentre puoi usare Git (puoi trovare un tutorial per principianti qui) e altri mezzi di controllo della versione indipendentemente dal tuo editor di codice, molti lo offrono integrato o come estensione.
Se fai più della codifica casuale, questo potrebbe essere un fattore importante per la tua decisione.
Finora tutto bene?
Andiamo ai contendenti per il miglior editor di codice per lo sviluppo di WordPress.
I migliori editor di codice per gli sviluppatori e gli utenti di WordPress
Un avvertimento: per questo post ho cercato di concentrarmi su editor di codice puro non su interi ambienti di sviluppo. Quindi, se non riesci a trovare il tuo IDE preferito nella lista(come PHPStorm, Eclipse, ecc.), questo è di proposito.
Inoltre, questo elenco non è affatto completo e in nessun ordine particolare. Scegliere quale editor di codice è giusto per te dipende davvero dalle tue preferenze e esigenze personali, quindi, non darò un verdetto su quale sia il migliore.
Tutto bene? Allora diamoci da fare.
Light Table
Prezzo: Gratuito
Il nostro primo concorrente non è solo gratuito e open source (lo puoi trovare su GitHub) ma anche il risultato di una campagna di crowdfunding Kickstarter con più di backing 300k in supporto.
Funziona su più piattaforme (Windows, Mac, Linux), sfoggia un’interfaccia chiazza di petrolio e molto pulito, e — grazie alle sue numerose estensioni disponibili — è altamente personalizzabile.
Una delle caratteristiche più interessanti è che fornisce un feedback immediato. Apri una finestra del browser all’interno dell’editor e puoi vedere subito gli effetti delle modifiche al codice. Qui è in azione:
Caratteristiche aggiuntive:
- Leggero
- Fuzzy ricerca di file
- Supporto per diversi incorpora
- evidenziazione della Sintassi
- Debug
UltraEdit
Prezzo di: $79.95/anno
Se si sta lavorando con Windows, Mac OS o Linux, UltraEdit ha la schiena.
UltraEdit conosce HTML, PHP, JS, Perl, C/C++, Python e altri linguaggi, funzionalità sportive come il confronto di file, l’editing multi-tab/multi-riquadro e altro, e persino il proprio client FTP.
Mentre relativamente costoso e con pagamenti annuali ricorrenti, si ha la facilità di mente di lavorare con un prodotto premium che è attivamente in fase di sviluppo.
Caratteristiche:
- evidenziazione della Sintassi
- Integrato SSH/telnet
- Editor di temi
- File/ordinamento dei dati
RapidPHP
Prezzo di: da $35.95
RapidPHP è un editor di codice per Windows che pone un grosso premio in velocità (da qui il nome, credo).
Anche se costruito per la programmazione PHP, supporta anche HTML, CSS, JS, e altri linguaggi di sviluppo web con caratteristiche come l’evidenziazione della sintassi, completamento automatico, formattazione, e il debug.
Il programma si connette anche direttamente ai server FTP, SFTP e FTPS e viene fornito con strumenti di gestione dei file e integrazione Git.
Mentre è un prodotto premium, RapidPHP offre una versione di prova che può essere utilizzata 30 volte prima che ti venga chiesto di acquistare una licenza.
Caratteristiche aggiuntive:
- Codice pieghevole
- Pronto per l’HTML5 e CSS3
- CSS compatibilità orologio
- funzioni di ricerca e sostituzione
- Facile riutilizzo di frammenti di codice
- Supporto per lo sviluppo mobile
Cioccolato
Prezzo: € 49.00
Il programma con la deliziosa nome ha alti obiettivi: perfetto Per gli editor di testo per Max OS X per ogni linguaggio di programmazione noto per l’uomo (parole loro, non mie).
Vuole raggiungere questo obiettivo integrandosi perfettamente con l’interfaccia del sistema operativo, offrendo il completamento del codice per JS, Python, HTML e altro, nonché la ricerca e la sostituzione a livello di progetto e il controllo degli errori dal vivo.
caratteristiche Aggiuntive:
- Codice pieghevole
- Dividi la modifica
- selettore colore di Sistema
- anteprima dal Vivo di HTML e in Markdown
- Creazione di progetti tramite drag and drop
Atom
Prezzo di: Libero
Atom è una relativamente nuova aggiunta al mondo dell’editor di codice e si è fatto niente meno che da GitHub.
Funziona con tutti i principali sistemi operativi, è gratuito, open source e, dal momento che è stato fatto con gli sviluppatori in mente, è altamente estendibile e personalizzabile.
L’editor viene fornito con un modulo principale che può essere espanso con un numero crescente di pacchetti creati dall’utente. Insieme ai molti temi, questo ti consente di creare esattamente lo strumento di cui hai bisogno.
Caratteristiche aggiuntive:
- Ricerca Fuzzy
- Frammenti di codice
- Browser del file system
- Ricerca e sostituzione a livello di progetto
- Viste multiple del riquadro
- Piegatura del codice
Komodo Modifica
Prezzo: Libero
Questo editor è una versione gratuita e open source trimmed-down del popolare IDE Komodo. Offre supporto multilingue con completamento automatico, strumenti di gestione del progetto e monitoraggio delle modifiche.
Le opzioni più avanzate come il debug e il test delle unità, tuttavia, sono riservate al fratello maggiore.
caratteristiche:
- Markdown viewer
- selezioni Multiple
- skin Personalizzabili e icone
- Kopy.io integrazione
CodeAnywhere
Prezzo: Gratuito (per la versione di prova)
Questa è una voce piuttosto intrigante. Invece di un’applicazione scaricabile, CodeAnywhere è un editor/IDE cloud (giustamente chiamato).
Accedi da qualsiasi parte del mondo, apri i file su qualsiasi server FTP, Dropbox o Google Drive e ottieni il tuo codice.
L’editor include anche un potente strumento di revisione per un facile rollback che consente di file SSH direttamente su un altro server.
Inoltre, il suo carattere cloud rende la collaborazione o la visualizzazione del codice a un’altra persona facile come l’invio di un link e puoi anche utilizzarlo su dispositivi mobili iOS e Android.
La versione base di CodeAnywhere è gratuita, le licenze partono da $2 / mese.
Caratteristiche:
- Predefiniti personalizzati contenitore pile
- Collegare con Git, Bitbucket, Github
- 70+ lingue, tra cui JS, PHP, HTML e molto altro
- il completamento del Codice
- Linting
- Supporto per tutti i dispositivi e browser
- Altamente personalizzabile layout, pelli e di più
BBEdit
Prezzo: $49.99
Il BB nel nome sta per Bare Bones, il redattore del caffè. Offre supporto per numerose lingue, ricerca e sostituzione su più file, completamento automatico, piegatura del codice e altre funzionalità.
Mentre BBEdit viene fornito con un cartellino del prezzo, la stessa azienda fa anche un’alternativa gratuita chiamata TextWrangler per Mac OS. È una versione ridotta del prodotto premium che puoi dare un giro prima di impegnarti nel suo fratello più grande e più capace.
Caratteristiche aggiuntive:
- Ricerca rapida
- Strumenti di gestione del progetto
- Evidenziazione della sintassi
- Piegatura del codice
- Supporto FTP/SFTP
Vim
Prezzo: Free (Charityware)
Mentre il loro sito web sembra davvero primi anni ‘ 90, l’editor Vim gode di un’ottima reputazione tra gli sviluppatori Linux.
È open source e dà compatibilità cross-platform un significato completamente nuovo — Vim funzionerà anche in DOS o su un Amiga. (Chiedi ai tuoi genitori se non sai cosa significhi).
L’editor è anche altamente configurabile e può essere esteso con caratteristiche così potenti che va oltre al territorio IDE invece di essere un editor di codice puro.
Tuttavia, Vim viene fornito con una certa curva di apprendimento e quindi potrebbe non essere uno strumento per i principianti. Anche, mentre libero si può scegliere di pagare per questo, donando così ad un progetto di beneficenza in Uganda.
Caratteristiche:
- interfaccia utente Integrata
- l’evidenziazione della Sintassi per 200+ lingue
Espresso
Prezzo di: $75
Questa caffeina concorrente è un tool di sviluppo web per la piattaforma Mac OS che ha un built-in editor di codice strumento chiamato CSSEdit.
Mette in mostra un’interfaccia davvero bella, supporta il completamento automatico del codice e la piegatura del codice, consente di trascinare e rilasciare facilmente frammenti di codice e offre anche un’anteprima dal vivo.
Pur non essendo il più economico, puoi testarlo con una prova di 15 giorni prima di prendere un impegno.
Caratteristiche:
- Push delle modifiche direttamente al server
- Supporto per CSS3, HTML5 e altre lingue
- Potente funzione cerca e sostituisci
TextMate
Prezzo: da $56.00 (single user license)
L’omonimo “missing editor for Mac OS X” è un altro editor a piattaforma singola, tuttavia, con un approccio altamente ispirato al sistema operativo UNIX.
TextMate è semplice ma ricco di funzionalità con completamento automatico, rientro automatico, blocchi di codice pieghevoli e altro ancora. Offre anche una sofisticata funzione di ricerca e sostituzione e rende facile lavorare con più file contemporaneamente.
Caratteristiche aggiuntive:
- Facile appunti di gestione
- Registrabile Macro
- Supporto per più di 50 lingue
- evidenziazione della Sintassi
- Supporto per XCode
il Sublime Text
Prezzo di: $70
gli Appassionati del libero da distrazioni modalità di scrittura in WordPress sarà felice di sentire che il Sublime Text viene fornito con la stessa funzione. Coding in pace e concentrazione, arriviamo.
Altre caratteristiche che rendono questo programma uno degli editor di codice più popolari là fuori sono il suo design chiazza di petrolio, ricerca potente, riempimento automatico, e la funzione di completamento automatico, nonché ad alta personalizzazione.
Il fatto che funzioni su tutti i principali sistemi operativi probabilmente non fa male neanche.
Caratteristiche:
- Chat progetto switch
- Dividi la modifica
- selezioni Multiple
- Plugin API
Notepad++
Prezzo: Libero
Questo pezzo impressionante di software è una delle mie armi personali di scelta e ho menzionato in altri luoghi prima. È uno strumento super pratico e gratuito per apportare modifiche rapide a qualsiasi file WordPress.
Tuttavia, Notepad++ non è solo per i principianti e la codifica casuale, è utilizzato anche da sviluppatori di livello mondiale.
Le caratteristiche includono l’evidenziazione della sintassi per PHP, JS, HTML, CSS e un certo numero di altre lingue, ricerca e sostituzione, nonché il completamento automatico.
Oltre a ciò, Notepad++ può essere esteso tramite plugin, ad esempio per connettersi direttamente via FTP e molto altro. L’unico inconveniente è che funziona solo su Windows. Siamo spiacenti, gli utenti Apple e Linux.
Caratteristiche:
- Supporto per il multi-lingua ambienti
- Sintassi pieghevole
- Multi-documento scheda di interfaccia
- funzione di Zoom
CoffeeCup
Prezzo di: $69
mi chiedo che cosa è con tutto il caffè riferimenti nel codice dell’editor di gioco. Questo è già il secondo.
Comunque, CoffeeCup è prima di tutto fatto per HTML / CSS e limitato a questi due linguaggi più PHP e Markdown. Tenetelo a mente prima di acquistare. Funziona anche solo su Windows e Mac OS
Tuttavia, d’altra parte è dotato di un potente completamento automatico del codice, evidenziazione della sintassi e convalida, è pronto per il codice semantico e sincronizza facilmente i file tramite FTP.
È possibile utilizzare la versione di prova gratuita per scoprire se ha tutto quello che stai cercando.
Caratteristiche aggiuntive:
- Avvio rapido
- Anteprima del sito
Staffe
Prezzo: Free
Brackets è un prodotto molto interessante non solo perché è gratuito e open source. Con Adobe come suo creatore, ha anche un grande nome dietro di esso.
Questo editor di codice è chiaramente rivolto a persone con un background di progettazione. Una delle sue caratteristiche più interessanti è la possibilità di trasformare misure, dimensioni, stili e altri elementi di design all’interno dei file di Photoshop direttamente in CSS.
A parte questo è anche altamente personalizzabile attraverso una crescente libreria di estensioni e supporta tutti i principali sistemi operativi.
Caratteristiche aggiuntive:
- Leggero
- Editor inline
- Piegatura del codice
- Funzionalità del preprocessore
- Anteprima dal vivo
Coda
Prezzo: $99
Coda è un’altra voce solo per Mac e uno molto popolare. Parte del motivo potrebbe essere la sua interfaccia pulita e ben organizzata che fornisce tutto il necessario per costruire siti web in un’unica schermata.
Offre anche le solite opzioni di layout per migliorare la leggibilità del codice (evidenziazione della sintassi, piegatura del codice e rientro), nonché il completamento automatico a livello di progetto e la chiusura automatica dei tag.
Ciò che è bello è che consente di modificare i file locali e remoti allo stesso modo, e si connette facilmente a fonti e server esterni. Oltre a ciò viene fornito anche con un compagno iPad chiamato Diet Coda (vedi cosa hanno fatto lì?).
Caratteristiche aggiuntive:
- Trova e sostituisci
- Debug
- gestione File
- Supporto per FTP/SFTP/WebDAV/Amazon S3
ICEcoder
Prezzo: Gratuito
L’ultima voce della lista è molto interessante perché funziona direttamente all’interno del tuo browser. Non solo questo lo rende utilizzabile su qualsiasi sistema operativo, ma puoi anche sfruttare nativamente le tecnologie del browser come il tabulazione.
Il programma supporta HTML5, CSS3, PHP, JS, e oltre, può essere utilizzato on-line o localmente, offre il supporto per i ripetitori di tipo come Emmet, ha suggerimenti di codice e strumenti di confronto del codice così come la gestione del database phpMyAdmin-like.
Caratteristiche aggiuntive:
- Trova e sostituisci
- Evidenziazione del codice contestuale
- Cursori multipli
- Temi
- Modifica e gestione di file locali / remoti
Qual è il tuo editor di codice preferito?
Un editor di codice a tutto tondo è uno degli strumenti principali per chiunque sia coinvolto nello sviluppo per (o semplicemente armeggiare con) la piattaforma WordPress.
La possibilità di modificare file di base, modelli, fogli di stile e altro è fondamentale per personalizzare i siti Web WordPress e rendere WordPress il proprio.
Mentre qualsiasi editor di testo lo farà teoricamente, i programmi specializzati possono seriamente semplificare il flusso di lavoro.
Opzioni di leggibilità e layout migliorate, connessioni FTP dirette, ricerca e sostituzione, completamento automatico e controllo della versione sono solo alcuni modi in cui questi programmi rendono il lavoro molto più semplice.
Decidere quale sia l’editor di codice giusto per il tuo dipende in ultima analisi da ciò di cui hai bisogno e vuoi.