{"id":230520,"date":"2022-11-24T11:23:00","date_gmt":"2022-11-24T08:23:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230520"},"modified":"2022-11-24T11:23:07","modified_gmt":"2022-11-24T08:23:07","slug":"un-ide-per-lo-sviluppo-di-wordpress-indipendentemente-dallesperienza","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/un-ide-per-lo-sviluppo-di-wordpress-indipendentemente-dallesperienza\/","title":{"rendered":"Un IDE per lo sviluppo di WordPress (indipendentemente dall&#8217;esperienza)"},"content":{"rendered":"\n<p>Nell&#8217;articolo <strong><a href=\"https:\/\/wordpress.mediadoma.com\/it\/un-ambiente-di-sviluppo-wordpress-utilizzando-un-gestore-di-pacchetti\/\" title=\"precedente\">precedente<\/a><\/strong> ho illustrato il processo di configurazione di un ambiente di sviluppo locale utilizzando un gestore di pacchetti. Nello specifico, ho parlato dell&#8217;utilizzo di <strong><a href=\"https:\/\/brew.sh\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Homebrew<\/a><\/strong> per installare <strong><a href=\"https:\/\/laravel.com\/docs\/5.5\/valet\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Valet<\/a><\/strong> e <strong><a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a><\/strong>.<\/p>\n<p>Il primo offre il server web Nginx, un server di database MySQL, mentre Homebrew consente di installare PHP. Composer ti d\u00e0 la possibilit\u00e0 di gestire le dipendenze PHP. Se non hai letto il post, lo consiglio vivamente poich\u00e9 questo post \u00e8 basato sull&#8217;intero ambiente.<\/p>\n<\/p>\n<p>Nello specifico, parler\u00f2 di IDE. \u00c8 un argomento caldo, immagino, ma se non hai una preferenza, ti guider\u00f2 attraverso il processo di scelta di quello che ritengo migliore (almeno per cominciare), di configurazione e di utilizzo nel contesto <strong><a href=\"https:\/\/wordpress.mediadoma.com\/it\/un-ambiente-di-sviluppo-wordpress-utilizzando-un-gestore-di-pacchetti\/\" title=\"dell&#039;ambiente stabilito la scorsa settimana\">dell&#8217;ambiente stabilito la scorsa settimana<\/a><\/strong>.<\/p>\n<h2>Un IDE per lo sviluppo di WordPress<\/h2>\n<p>Per molti sviluppatori WordPress professionisti, \u00e8 probabile che li sentirai parlare di <strong><a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PhpStorm<\/a><\/strong>. E con buona ragione. Ho usato questo particolare IDE per oltre un anno ed \u00e8 davvero potente.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768df76d6e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768df76d6e.png\" alt=\"Un IDE per lo sviluppo di WordPress (indipendentemente dall&#039;esperienza)\"><\/a><\/p>\n<p>Ha un ottimo supporto per una serie di funzionalit\u00e0 avanzate, \u00e8 estensibile e ha molte funzionalit\u00e0 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\u00f9 ripida. \u00c8 anche un IDE a pagamento che forse per alcuni \u00e8 disattivato. Ma va bene. Ne parleremo in questo post.<\/p>\n<p>Questa non \u00e8 necessariamente una cosa negativa: a volte, le cose che vale la pena imparare di pi\u00f9 sono le cose pi\u00f9 difficili da usare. Ma ci sono alternative l\u00e0 fuori e sto cercando di assicurarmi che tutti coloro che stanno leggendo questo siano sulla stessa pagina.<\/p>\n<p><strong><a href=\"https:\/\/wordpress.mediadoma.com\/it\/un-ambiente-di-sviluppo-wordpress-utilizzando-un-gestore-di-pacchetti\/\" title=\"Come dicevo\">Come dicevo<\/a><\/strong> nel post precedente:<\/p>\n<blockquote>\n<p>Se scriver\u00f2 a lungo su questo materiale, dovrei presumere che stiamo tutti usando lo stesso ambiente?<\/p>\n<\/blockquote>\n<p>Dal momento che sto sbagliando dalla parte del s\u00ec, penso che sia appropriato selezionare un IDE che penso funzioner\u00e0 bene con chiunque, da quelli che stanno appena imparando a quelli che sono un po&#8217; pi\u00f9 avanzati. Immettere <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">il codice di Visual Studio<\/a><\/strong>.<\/p>\n<h3>Una nota su questo IDE<\/h3>\n<p>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:<\/p>\n<ul>\n<li><a href=\"https:\/\/tommcfarlin.com\/vs-code-wordpress\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Codice di Visual Studio per lo sviluppo di WordPress<\/a><\/li>\n<li><strong><a href=\"https:\/\/tommcfarlin.com\/php-codesniffer-in-visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Configurazione di PHP CodeSniffer nel codice di Visual Studio<\/a><\/strong><\/li>\n<li><strong><a href=\"https:\/\/tommcfarlin.com\/visual-studio-code-todo\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">TODO, RECENSIONI e FIXME<\/a><\/strong> ,<\/li>\n<li>e cos\u00ec via.<\/li>\n<\/ul>\n<p>In effetti, ho un intero <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">arretrato<\/a><\/strong> che puoi affrontare. Il problema: \u00e8 un po&#8217; datato. Durante l&#8217;utilizzo di PhpStorm, Visual Studio Code (o Code, in breve) ha apportato miglioramenti significativi dall&#8217;ultimo utilizzo.<\/p>\n<p>Detto questo, parte di questo materiale pu\u00f2 sembrare ridondante, ma alla fine ci porter\u00e0 tutti sulla stessa pagina.<\/p>\n<h3>Codice di Visual Studio<\/h3>\n<p>Prima di iniziare, vale la pena fare riferimento a due cose:<\/p>\n<ul>\n<li>Perch\u00e9 il codice di Visual Studio?<\/li>\n<li>Introduzione al codice di Visual Studio<\/li>\n<\/ul>\n<p>Quest&#8217;ultimo \u00e8 un argomento un po &#8216;grande perch\u00e9 include una serie di cose da installare, configurare e ottenere l&#8217;installazione, quindi lo tratter\u00f2 a partire da questo post e dai pochi nuovi, ma almeno vale la pena parlare del perch\u00e9 Visual Studio Code \u00e8 un solido IDE per lo sviluppo di WordPress.<\/p>\n<h3>1 Perch\u00e9 il codice di Visual Studio?<\/h3>\n<p>Oltre ad essere compatibile con tutti i principali sistemi operativi, una delle prime cose da notare su Code \u00e8 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 .<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768e50ca51.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768e50ca51.png\" alt=\"Un IDE per lo sviluppo di WordPress (indipendentemente dall&#039;esperienza)\"><\/a><\/p>\n<p>Inoltre, \u00e8 tutto mantenuto all&#8217;interno di un file JSON che ti consente di personalizzarlo per adattarlo all&#8217;ambiente in cui stai lavorando. Forse \u00e8 PHP, forse \u00e8 JavaScript, o forse \u00e8 qualcosa di completamente diverso.<\/p>\n<p>Inoltre, mantenere le impostazioni portatili semplifica la condivisione tra i tuoi computer. Ci\u00f2 significa che puoi trascinare il file, ad esempio, in una cartella Dropbox e fare riferimento alle tue impostazioni tramite tutte le tue macchine.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768e9bc315.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768e9bc315.png\" alt=\"Un IDE per lo sviluppo di WordPress (indipendentemente dall&#039;esperienza)\"><\/a><\/p>\n<p>Questo \u00e8 utile, ovviamente, se hai solo pi\u00f9 macchine. E se lo fai, allora ti potrebbe piacere avere gli ambienti di sviluppo sincronizzati in modo che sia facile sommergerli tra loro.<\/p>\n<h3>2 Introduzione a Visual Studio Code<\/h3>\n<p>Iniziare con l&#8217;IDE \u00e8 semplice. Si tratta davvero di:<\/p>\n<ol>\n<li>Navigando alla <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">homepage del software,<\/a><\/strong><\/li>\n<li>Scaricando la versione appropriata per il tuo sistema operativo,<\/li>\n<li>Quindi installandolo.<\/li>\n<\/ol>\n<p>Ma solo installarlo non \u00e8 abbastanza, vero?<\/p>\n<p>Voglio dire, dobbiamo ancora parlare dell&#8217;aggiunta di spazi di lavoro per ciascuno dei nostri progetti, della configurazione delle impostazioni e dell&#8217;installazione di estensioni che ci aiuteranno a renderci pi\u00f9 produttivi nel lavoro che svolgiamo.<\/p>\n<p>Nei prossimi post, faremo esattamente questo. Dopotutto, se questi post diventano troppo lunghi, nel resto della giornata non riuscirai a fare nulla \ud83d\ude42.<\/p>\n<h3>E le estensioni?<\/h3>\n<p>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\u00f2 che faremo.<\/p>\n<p>Ci\u00f2 include cose come il supporto per:<\/p>\n<ul>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=wordpresstoolbox.wordpress-toolbox\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress<\/a>. Una delle cose belle dell&#8217;utilizzo di un IDE intelligente \u00e8 che pu\u00f2 offrire il completamento del codice. L&#8217;utilizzo di un linguaggio come PHP \u00e8 solitamente offerto dalla maggior parte degli IDE. Questo plugin aggiunge il supporto per WordPress.<\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ikappas.phpcs\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Standard di codifica PSR2<\/a>. Sebbene una volta sia stato un fan degli standard di codifica di WordPress, da allora sono passato agli <strong><a href=\"https:\/\/www.php-fig.org\/psr\/psr-2\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">standard di codifica PSR<\/a><\/strong> (per una serie di motivi).<\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=felixfbecker.php-debug\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Debug<\/a>. L&#8217;uso <strong><a href=\"https:\/\/xdebug.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">di Xdebug<\/a><\/strong> \u00e8 essenziale se stai cercando di essere passato usando le istruzioni <strong>echo<\/strong> e <strong>var_dump<\/strong> nel tuo codice. Inoltre, aiuta ad approfondire il codice sorgente di WordPress quando si affrontano potenziali problemi.<\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=wayou.vscode-todo-highlight\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gestione TODO<\/a>. La maggior parte delle volte, quando si scrive codice, ci sono posti in cui \u00e8 necessario tornare indietro e rivedere, correggere o semplicemente fare prima di rilasciare qualcosa per lo staging o la produzione. L&#8217;uso di uno strumento come questo ti aiuter\u00e0 a trovarli facilmente prima di eseguire il commit del codice nel controllo del codice sorgente o di distribuirlo.<\/li>\n<li>E altro ancora.<\/li>\n<\/ul>\n<p>Ovviamente, le cose collegate sopra ti portano alla home page di ciascuno dei plugin, ma \u00e8 possibile &#8211; e probabilmente meglio &#8211; installarli dall&#8217;interno dell&#8217;editor in modo da poterli gestire pi\u00f9 facilmente.<\/p>\n<p>Ricorda, lo scopo del post precedente era quello di avere un modo per gestire facilmente tutto il software che stiamo installando. E l&#8217;installazione delle estensioni tramite l&#8217;IDE offre esattamente la stessa esperienza per l&#8217;IDE.<\/p>\n<p>Infine, queste sono le estensioni che ho trovato utili quando si lavora con WordPress.<\/p>\n<h2>Avanti il \u200b\u200bprossimo<\/h2>\n<p>Anche se ho fornito informazioni di riepilogo di molte delle cose di cui sopra, non \u00e8 necessario approfondire alcune di esse o cosa aspettarsi quando le si utilizza.<\/p>\n<p>Inoltre, non parla delle solite tabulazioni contro spazi, font che penso valga la pena usare, Sass linting, stile JavaScript e linting e cos\u00ec via.<\/p>\n<p>Fino ad allora, lavora sull&#8217;installazione di Visual Studio Code e sulla sua configurazione usando le estensioni collegate sopra. \u00c8 facile farlo dall&#8217;interno dell&#8217;IDE. E se hai domande, sentiti libero di lasciarle nei commenti.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un IDE gratuito per lo sviluppo di WordPress che \u00e8 estensibile, potente e continuamente migliorato che ci serve bene.<\/p>\n","protected":false},"author":1,"featured_media":164597,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[835,844,1067,865],"tags":[1168],"class_list":["post-230520","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guida-per-principianti","category-tutorial","category-un-computer","category-wordpress-6","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/230520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=230520"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/230520\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/164597"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=230520"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=230520"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=230520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}