Un IDE per lo sviluppo di WordPress (indipendentemente dall’esperienza)
Nell’articolo precedente ho illustrato il processo di configurazione di un ambiente di sviluppo locale utilizzando un gestore di pacchetti. Nello specifico, ho parlato dell’utilizzo di Homebrew per installare Valet e Composer.
Il primo offre il server web Nginx, un server di database MySQL, mentre Homebrew consente di installare PHP. Composer ti dà la possibilità di gestire le dipendenze PHP. Se non hai letto il post, lo consiglio vivamente poiché questo post è basato sull’intero ambiente.
Nello specifico, parlerò di IDE. È un argomento caldo, immagino, ma se non hai una preferenza, ti guiderò attraverso il processo di scelta di quello che ritengo migliore (almeno per cominciare), di configurazione e di utilizzo nel contesto dell’ambiente stabilito la scorsa settimana.
Un IDE per lo sviluppo di WordPress
Per molti sviluppatori WordPress professionisti, è probabile che li sentirai parlare di PhpStorm. E con buona ragione. Ho usato questo particolare IDE per oltre un anno ed è davvero potente.
Ha un ottimo supporto per una serie di funzionalità avanzate, è estensibile e ha molte funzionalità integrate che lo rendono un ottimo ambiente in cui lavorare; tuttavia, ho scoperto che tra tutti gli IDE che ho provato, ha anche la curva di apprendimento più ripida. È anche un IDE a pagamento che forse per alcuni è disattivato. Ma va bene. Ne parleremo in questo post.
Questa non è necessariamente una cosa negativa: a volte, le cose che vale la pena imparare di più sono le cose più difficili da usare. Ma ci sono alternative là fuori e sto cercando di assicurarmi che tutti coloro che stanno leggendo questo siano sulla stessa pagina.
Come dicevo nel post precedente:
Se scriverò a lungo su questo materiale, dovrei presumere che stiamo tutti usando lo stesso ambiente?
Dal momento che sto sbagliando dalla parte del sì, penso che sia appropriato selezionare un IDE che penso funzionerà bene con chiunque, da quelli che stanno appena imparando a quelli che sono un po’ più avanzati. Immettere il codice di Visual Studio.
Una nota su questo IDE
Se hai letto questo blog per molto tempo (o hai appena iniziato), scoprirai che ho un archivio di post su questo particolare IDE. Alcuni dei post che ho scritto includono:
- Codice di Visual Studio per lo sviluppo di WordPress
- Configurazione di PHP CodeSniffer nel codice di Visual Studio
- TODO, RECENSIONI e FIXME ,
- e così via.
In effetti, ho un intero arretrato che puoi affrontare. Il problema: è un po’ datato. Durante l’utilizzo di PhpStorm, Visual Studio Code (o Code, in breve) ha apportato miglioramenti significativi dall’ultimo utilizzo.
Detto questo, parte di questo materiale può sembrare ridondante, ma alla fine ci porterà tutti sulla stessa pagina.
Codice di Visual Studio
Prima di iniziare, vale la pena fare riferimento a due cose:
- Perché il codice di Visual Studio?
- Introduzione al codice di Visual Studio
Quest’ultimo è un argomento un po ‘grande perché include una serie di cose da installare, configurare e ottenere l’installazione, quindi lo tratterò a partire da questo post e dai pochi nuovi, ma almeno vale la pena parlare del perché Visual Studio Code è un solido IDE per lo sviluppo di WordPress.
1 Perché il codice di Visual Studio?
Oltre ad essere compatibile con tutti i principali sistemi operativi, una delle prime cose da notare su Code è che conserva una copia delle sue impostazioni nel proprio file in modo che tu possa sempre fare riferimento ad esso, ma puoi personalizzarlo con le tue impostazioni .
Inoltre, è tutto mantenuto all’interno di un file JSON che ti consente di personalizzarlo per adattarlo all’ambiente in cui stai lavorando. Forse è PHP, forse è JavaScript, o forse è qualcosa di completamente diverso.
Inoltre, mantenere le impostazioni portatili semplifica la condivisione tra i tuoi computer. Ciò significa che puoi trascinare il file, ad esempio, in una cartella Dropbox e fare riferimento alle tue impostazioni tramite tutte le tue macchine.
Questo è utile, ovviamente, se hai solo più macchine. E se lo fai, allora ti potrebbe piacere avere gli ambienti di sviluppo sincronizzati in modo che sia facile sommergerli tra loro.
2 Introduzione a Visual Studio Code
Iniziare con l’IDE è semplice. Si tratta davvero di:
- Navigando alla homepage del software,
- Scaricando la versione appropriata per il tuo sistema operativo,
- Quindi installandolo.
Ma solo installarlo non è abbastanza, vero?
Voglio dire, dobbiamo ancora parlare dell’aggiunta di spazi di lavoro per ciascuno dei nostri progetti, della configurazione delle impostazioni e dell’installazione di estensioni che ci aiuteranno a renderci più produttivi nel lavoro che svolgiamo.
Nei prossimi post, faremo esattamente questo. Dopotutto, se questi post diventano troppo lunghi, nel resto della giornata non riuscirai a fare nulla 🙂.
E le estensioni?
Ricorda, tuttavia, dal momento che stiamo lavorando principalmente con WordPress e il software correlato in questa serie e negli articoli a venire, dovremo assicurarci di avere alcune cose installate per gestire correttamente ciò che faremo.
Ciò include cose come il supporto per:
- WordPress. Una delle cose belle dell’utilizzo di un IDE intelligente è che può offrire il completamento del codice. L’utilizzo di un linguaggio come PHP è solitamente offerto dalla maggior parte degli IDE. Questo plugin aggiunge il supporto per WordPress.
- Standard di codifica PSR2. Sebbene una volta sia stato un fan degli standard di codifica di WordPress, da allora sono passato agli standard di codifica PSR (per una serie di motivi).
- Debug. L’uso di Xdebug è essenziale se stai cercando di essere passato usando le istruzioni echo e var_dump nel tuo codice. Inoltre, aiuta ad approfondire il codice sorgente di WordPress quando si affrontano potenziali problemi.
- Gestione TODO. La maggior parte delle volte, quando si scrive codice, ci sono posti in cui è necessario tornare indietro e rivedere, correggere o semplicemente fare prima di rilasciare qualcosa per lo staging o la produzione. L’uso di uno strumento come questo ti aiuterà a trovarli facilmente prima di eseguire il commit del codice nel controllo del codice sorgente o di distribuirlo.
- E altro ancora.
Ovviamente, le cose collegate sopra ti portano alla home page di ciascuno dei plugin, ma è possibile – e probabilmente meglio – installarli dall’interno dell’editor in modo da poterli gestire più facilmente.
Ricorda, lo scopo del post precedente era quello di avere un modo per gestire facilmente tutto il software che stiamo installando. E l’installazione delle estensioni tramite l’IDE offre esattamente la stessa esperienza per l’IDE.
Infine, queste sono le estensioni che ho trovato utili quando si lavora con WordPress.
Avanti il prossimo
Anche se ho fornito informazioni di riepilogo di molte delle cose di cui sopra, non è necessario approfondire alcune di esse o cosa aspettarsi quando le si utilizza.
Inoltre, non parla delle solite tabulazioni contro spazi, font che penso valga la pena usare, Sass linting, stile JavaScript e linting e così via.
Fino ad allora, lavora sull’installazione di Visual Studio Code e sulla sua configurazione usando le estensioni collegate sopra. È facile farlo dall’interno dell’IDE. E se hai domande, sentiti libero di lasciarle nei commenti.