{"id":230560,"date":"2022-11-25T19:51:00","date_gmt":"2022-11-25T16:51:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230560"},"modified":"2022-11-25T20:17:01","modified_gmt":"2022-11-25T17:17:01","slug":"utilizzo-degli-standard-di-codifica-php-nel-codice-di-visual-studio","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/utilizzo-degli-standard-di-codifica-php-nel-codice-di-visual-studio\/","title":{"rendered":"Utilizzo degli standard di codifica PHP nel codice di Visual Studio"},"content":{"rendered":"\n<p>Quindi abbiamo le nozioni di base impostate nella configurazione di Visual Studio Code, ma non abbiamo strumenti pratici installati per aiutarci con pi\u00f9 del lato professionale della scrittura del codice.<\/p>\n<p>Ovviamente, &quot;professionista&quot; pu\u00f2 essere definito in base all&#8217;azienda, al team o all&#8217;ambiente in cui lavori. Per questa serie, ho scelto di utilizzare WordPress come base. Ma rimangono comunque cose come:<\/p>\n<ul>\n<li>standard di codifica,<\/li>\n<li>linting JavaScript,<\/li>\n<li>gestione dei pacchetti,<\/li>\n<li>E cos\u00ec via.<\/li>\n<\/ul>\n<p>E per tutta la serie, tratter\u00f2 tutto ci\u00f2 che \u00e8 elencato sopra. Ma per farlo, tratter\u00f2 ogni componente uno per uno.<\/p>\n<p>Il post di oggi si concentrer\u00e0 sugli standard di codifica PHP. Ho scritto molto materiale sugli standard di codifica di WordPress, ma nell&#8217;ultimo anno o pi\u00f9 ho iniziato a lavorare di pi\u00f9 con PSR, quindi \u00e8 ci\u00f2 che verr\u00e0 trattato in questo post.<\/p>\n<p>Come nota a margine, sappi che gran parte di ci\u00f2 che \u00e8 trattato pu\u00f2 essere tradotto negli standard di codifica di WordPress se lo desideri, e sar\u00e0 chiaro dove apporteresti le modifiche.<\/p>\n<p>Detto questo, iniziamo.<\/p>\n<h2>Standard di codifica PHP nel codice di Visual Studio<\/h2>\n<p>Innanzitutto, assicurati di avere i prerequisiti, tutti trattati nei post precedenti di questa serie. Vale a dire:<\/p>\n<ol>\n<li><a href=\"https:\/\/wordpress.mediadoma.com\/it\/un-ide-per-lo-sviluppo-di-wordpress-indipendentemente-dallesperienza\/\" title=\"Un IDE per lo sviluppo di WordPress\">Un IDE per lo sviluppo di WordPress<\/a><\/li>\n<li><strong><a href=\"https:\/\/wordpress.mediadoma.com\/it\/utilizzo-delle-impostazioni-utente-in-visual-studio-code\/\" title=\"Utilizzo delle impostazioni utente in Visual Studio Code\">Utilizzo delle impostazioni utente in Visual Studio Code<\/a><\/strong><\/li>\n<\/ol>\n<p>Ciascuno dei precedenti illustra come impostare, configurare e gestire Visual Studio Code e le nozioni di base per comprendere le impostazioni dell&#8217;utente (insieme ai caratteri preferiti e simili).<\/p>\n<p>E con questo, \u00e8 il momento di installare il supporto per lo sniffing del codice e le regole per gli stili di codifica PHP basati su <strong><a href=\"https:\/\/www.php-fig.org\/psr\/psr-2\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PSR-2<\/a><\/strong>.<\/p>\n<p>[restrict paid=&quot;true&#8221;]<\/p>\n<p>Prima di dire a Code che desideri utilizzare questo particolare insieme di regole, ci sono alcune cose che puoi aggiungere al tuo file delle impostazioni.<\/p>\n<h3>1 Un aggiornamento alle tue impostazioni utente<\/h3>\n<p>Ricorda, per aggiornare le tue Impostazioni utente, \u00e8 sufficiente fare clic su <strong>Codice<\/strong> e quindi passare a <strong>Impostazioni<\/strong>, oppure puoi utilizzare la scorciatoia <strong>Cmd+,<\/strong> (o l&#8217;equivalente sul tuo sistema operativo).<\/p>\n<p>Si aprir\u00e0 una finestra familiare:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e7651f87631.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-164430-61e7651f87631.png\" alt=\"Utilizzo degli standard di codifica PHP nel codice di Visual Studio\"><\/a><\/p>\n<p>Quindi, immetti il \u200b\u200bseguente comando nel tuo terminale:<\/p>\n<pre><code>$ brew install php-code-sniffer<\/code><\/pre>\n<p>Nota che quando lo faccio, l&#8217;ho gi\u00e0 installato, ma mi viene richiesto di eseguire l&#8217;aggiornamento (quindi l&#8217;ho fatto).<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e76523859b2.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-164430-61e76523859b2.png\" alt=\"Utilizzo degli standard di codifica PHP nel codice di Visual Studio\"><\/a><\/p>\n<p>E quindi al suo interno, puoi aggiungere <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/0631fb0f5d276d49d015bb4acc1ea500#file-00-user-settings-for-php-json\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">le seguenti righe<\/a><\/strong> al file delle impostazioni utente:<\/p>\n<pre><code>{\n  \/\/ ...\n\n  \/\/ PHP Settings.\n  \"php.suggest.basic\": true,\n  \"php.validate.executablePath\": \"\/usr\/local\/bin\/php\",\n  \"php.validate.run\": \"onSave\",\n\n  \/\/ ...\n}<\/code><\/pre>\n<p>Se non sei sicuro del percorso per la tua installazione locale di PHP, puoi eseguire il seguente comando nel tuo terminale:<\/p>\n<pre><code>$ which php<\/code><\/pre>\n<p>Ecco cosa descrive ogni riga:<\/p>\n<ol>\n<li><strong>php.suggest.basic.<\/strong> Questo controlla se l&#8217;IDE fornir\u00e0 o meno suggerimenti per il codice basato su PHP da solo (il che \u00e8 utile durante la scrittura del codice). Pensa a questo come al completamento automatico, a una sbirciatina nell&#8217;API o come lo chiamano i tuoi IDE attuali o precedenti.<\/li>\n<li><strong>php.validate.executablePath.<\/strong> Questo fa semplicemente riferimento al binario PHP su disco. Questo \u00e8 utile in modo che esegua la versione di PHP su cui sono in esecuzione i tuoi progetti.<\/li>\n<li><strong>php.validate.run.<\/strong> Come puoi aspettarti, questo convalider\u00e0 il tuo codice quando salvi il tuo file. Puoi farlo mentre digiti ma a seconda di quanto stai digitando, quanto velocemente stai digitando o semplicemente dalla natura delle tue abitudini, potrebbe essere pi\u00f9 facile farlo <strong>suSave<\/strong> (quindi perch\u00e9 lo uso piuttosto che l&#8217;alternativa che \u00e8 <strong>suTipo<\/strong> ).<\/li>\n<\/ol>\n<p>Tutto questo \u00e8 bello e necessario, secondo me, ma non ci fa sniffare il codice. Quindi rivolgiamo la nostra attenzione a questo ora.<\/p>\n<h3>2 Aggiunta dello sniffing del codice<\/h3>\n<p>Richiamando dalla sezione precedente, sono andato avanti e ho installato PHP Code Sniffer tramite Homebrew, ma come aggiungiamo supporto a questo tramite Visual Studio Code?<\/p>\n<p>Voglio dire, ha il suo mercato dove possiamo aggiungerlo ma ci sono altre cose che possiamo fare? Dato che l&#8217;abbiamo installato tramite Homebrew, il gioco \u00e8 fatto.<\/p>\n<p>Ora si tratta di legarlo al codice. Si tratta di fare due cose:<\/p>\n<ol>\n<li>Installazione di un plugin in Code,<\/li>\n<li>Aggiornare le impostazioni utente (ancora una volta).<\/li>\n<\/ol>\n<p>Innanzitutto, vai alla schermata dei plug-in in Code e quindi cerca <strong>phpcs<\/strong>. Dovresti vedere qualcosa di simile al seguente:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e7652770779.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-164430-61e7652770779.png\" alt=\"Utilizzo degli standard di codifica PHP nel codice di Visual Studio\"><\/a><\/p>\n<p>Fai clic su <strong>Installa<\/strong> e quindi <strong>Ricarica<\/strong> se ti viene richiesto.<\/p>\n<p>Successivamente, rivisitiamo ancora una volta il nostro file delle impostazioni <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/0631fb0f5d276d49d015bb4acc1ea500#file-01-user-settings-for-phpcs-json\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">e aggiungiamo quanto segue:<\/a><\/strong><\/p>\n<pre><code>{\n  \/\/ ...\n\n  \/\/ PHP Coding Standards.\n  \"phpcs.enable\": true,\n  \"phpcs.executablePath\": \"\/usr\/local\/bin\/phpcs\",\n  \"phpcs.standard\": \"PSR2\"\n\n  \/\/ ...\n}<\/code><\/pre>\n<p>A questo punto, hai completamente finito di configurare gli standard di codifica PHP PSR-2 con Visual Studio Code.<\/p>\n<h3>3 Ora provalo<\/h3>\n<p>Per vedere se tutto funziona correttamente, apri qualsiasi file PHP, uno da un progetto su cui stai lavorando o uno dal core di WordPress. Aprire il terminale integrato. Poich\u00e9 il core di WordPress non segue PSR-2, \u00e8 probabile che tu veda molti errori.<\/p>\n<p>Controlla la scheda <strong>Problemi<\/strong> nel terminale e nota:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e7652c067ab.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-164430-61e7652c067ab.png\" alt=\"Utilizzo degli standard di codifica PHP nel codice di Visual Studio\"><\/a><\/p>\n<p>Naturalmente, questo non ha lo scopo di castigare WordPress. Invece, ha lo scopo di mostrare che quando vedi un problema proveniente da PHP Code Sniffer, puoi risolverlo prima di salvare effettivamente il file, completare il file o eseguire il commit del file nel repository.<\/p>\n<h2>Che dire del lavoro front-end?<\/h2>\n<p>Per quanto importante sia assicurarsi che il nostro codice sia all&#8217;altezza della qualit\u00e0 adeguata del lavoro lato server, che dire di CSS (o Sass o LESS) o JavaScript?<\/p>\n<p>Ci sono anche strumenti specifici per questo e riprenderemo a trattare quel materiale nel prossimo post.<\/p>\n<p>Per ora, concentrati sulla configurazione degli standard di codifica PHP nel codice, controlla cosa puoi fare meglio per migliorare i tuoi stili e partiremo da l\u00ec.<\/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>Qui, illustrer\u00f2 come utilizzare Homebrew per installare le librerie necessarie per PHP Code Sniffer e le regole PSR-2 in esecuzione in Visual Studio Code.<\/p>\n","protected":false},"author":1,"featured_media":236519,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[720,844,1067],"tags":[1168],"class_list":["post-230560","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sviluppatore","category-tutorial","category-un-computer","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/230560","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=230560"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/230560\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/236519"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=230560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=230560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=230560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}