Och genom hela serien kommer jag att t\u00e4cka allt som anges ovan. Men f\u00f6r att g\u00f6ra det kommer jag att t\u00e4cka varje komponent en efter en.<\/p>\n
Dagens inl\u00e4gg kommer att fokusera p\u00e5 PHP-kodningsstandarderna. Jag har skrivit massor av material ang\u00e5ende WordPress-kodningsstandarderna, men under det senaste \u00e5ret eller mer har jag b\u00f6rjat arbeta mer med PSR, och s\u00e5 det \u00e4r vad som kommer att behandlas i det h\u00e4r inl\u00e4gget.<\/p>\n
Som en sidoanteckning, vet att mycket av det som t\u00e4cks kan \u00f6vers\u00e4ttas till WordPress-kodningsstandarderna om du s\u00e5 v\u00e4ljer, och det kommer att vara tydligt var du skulle g\u00f6ra \u00e4ndringarna.<\/p>\n
Med det sagt, l\u00e5t oss b\u00f6rja.<\/p>\n
PHP-kodningsstandard i Visual Studio Code<\/h2>\n
F\u00f6rst, se till att du har f\u00f6ruts\u00e4ttningarna som alla behandlas i tidigare inl\u00e4gg i den h\u00e4r serien. N\u00e4mligen:<\/p>\n
- \n
- En IDE f\u00f6r WordPress-utveckling<\/a><\/li>\n
- Arbeta med anv\u00e4ndarinst\u00e4llningar i Visual Studio Code<\/a><\/strong><\/li>\n<\/ol>\n
Vart och ett av ovanst\u00e5ende g\u00e5r igenom hur man st\u00e4ller in, konfigurerar och hanterar Visual Studio Code och grunderna f\u00f6r att f\u00f6rst\u00e5 anv\u00e4ndarinst\u00e4llningar (tillsammans med f\u00f6redragna typsnitt och liknande).<\/p>\n
Och med det \u00e4r det dags att installera st\u00f6d f\u00f6r kodsniffning och regler f\u00f6r PHP-kodningsstilar baserade p\u00e5 PSR-2<\/a><\/strong>.<\/p>\n
[restrict paid="true”]<\/p>\n
Innan du ber\u00e4ttar f\u00f6r Code att du vill anv\u00e4nda denna speciella upps\u00e4ttning regler, finns det n\u00e5gra saker som du kan l\u00e4gga till i din inst\u00e4llningsfil.<\/p>\n
1 En uppdatering av dina anv\u00e4ndarinst\u00e4llningar<\/h3>\n
Kom ih\u00e5g att f\u00f6r att g\u00f6ra en uppdatering av dina anv\u00e4ndarinst\u00e4llningar klickar du helt enkelt p\u00e5 Kod<\/strong> och navigerar sedan till Inst\u00e4llningar<\/strong>, eller s\u00e5 kan du anv\u00e4nda genv\u00e4gen Cmd+,<\/strong> (eller motsvarande i ditt operativsystem).<\/p>\n
Detta kommer att f\u00e5 upp ett bekant f\u00f6nster:<\/p>\n
![\"Anv\u00e4nder](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e7651f87631.png\")
<\/a><\/p>\nUtf\u00f6r sedan f\u00f6ljande kommando i din terminal:<\/p>\n
$ brew install php-code-sniffer<\/code><\/pre>\nObservera att n\u00e4r jag g\u00f6r detta har jag det redan installerat, men jag uppmanas att uppgradera (s\u00e5 jag har).<\/p>\n
![\"Anv\u00e4nder](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e76523859b2.png\")
<\/a><\/p>\nOch sedan inom den kan du l\u00e4gga till f\u00f6ljande rader<\/a><\/strong> i din anv\u00e4ndarinst\u00e4llningsfil:<\/p>\n
{\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>\nOm du \u00e4r os\u00e4ker p\u00e5 s\u00f6kv\u00e4gen till din lokala installation av PHP kan du k\u00f6ra f\u00f6ljande kommando i din terminal:<\/p>\n
$ which php<\/code><\/pre>\nH\u00e4r \u00e4r vad varje rad beskriver:<\/p>\n
- \n
- php.suggest.basic.<\/strong> Detta styr om IDE kommer att ge f\u00f6rslag p\u00e5 PHP-baserad kod p\u00e5 egen hand (vilket \u00e4r anv\u00e4ndbart n\u00e4r du skriver kod). T\u00e4nk p\u00e5 detta som autoslutf\u00f6rande, en titt in i API:et eller vad dina nuvarande eller tidigare IDE:er kan kalla det.<\/li>\n
- php.validate.executablePath.<\/strong> Detta refererar helt enkelt till PHP-bin\u00e4ren p\u00e5 disken. Detta \u00e4r anv\u00e4ndbart att ha s\u00e5 att det k\u00f6r den version av PHP som dina projekt k\u00f6rs mot.<\/li>\n
- php.validate.run.<\/strong> Som du kan f\u00f6rv\u00e4nta dig kommer detta att validera din kod n\u00e4r du sparar din fil. Du kan g\u00f6ra det medan du skriver men beroende p\u00e5 hur mycket du skriver, hur snabbt du skriver eller bara dina vanor, kan det vara l\u00e4ttare att g\u00f6ra det p\u00e5 Spara<\/strong> (d\u00e4rav varf\u00f6r jag anv\u00e4nder det ist\u00e4llet f\u00f6r alternativet som \u00e4r onType<\/strong> ).<\/li>\n<\/ol>\n
Allt detta \u00e4r trevligt och n\u00f6dv\u00e4ndigt, enligt min mening, men det f\u00e5r oss ingen kodsnuffning. S\u00e5 l\u00e5t oss rikta v\u00e5r uppm\u00e4rksamhet mot det nu.<\/p>\n
2 L\u00e4gga till kodsniffning<\/h3>\n
Minns fr\u00e5n f\u00f6reg\u00e5ende avsnitt, jag gick vidare och installerade PHP Code Sniffer via Homebrew men hur l\u00e4gger vi till st\u00f6d till detta via Visual Studio Code?<\/p>\n
Jag menar, den har en egen marknadsplats d\u00e4r vi kan l\u00e4gga till den, men finns det andra saker vi kan g\u00f6ra? Eftersom vi har installerat det via Homebrew \u00e4r det klart.<\/p>\n
Nu g\u00e4ller det att knyta det till Code. Det h\u00e4r handlar om att g\u00f6ra tv\u00e5 saker:<\/p>\n
- \n
- Installera ett plugin i kod,<\/li>\n
- Uppdatera dina anv\u00e4ndarinst\u00e4llningar (en g\u00e5ng till).<\/li>\n<\/ol>\n
Navigera f\u00f6rst till pluginssk\u00e4rmen i Code och s\u00f6k sedan efter phpcs<\/strong>. Du b\u00f6r se n\u00e5got i stil med f\u00f6ljande:<\/p>\n
![\"Anv\u00e4nder](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e7652770779.png\")
<\/a><\/p>\nKlicka p\u00e5 Installera<\/strong> och sedan Ladda<\/strong> om om du uppmanas att g\u00f6ra det.<\/p>\n
- php.validate.executablePath.<\/strong> Detta refererar helt enkelt till PHP-bin\u00e4ren p\u00e5 disken. Detta \u00e4r anv\u00e4ndbart att ha s\u00e5 att det k\u00f6r den version av PHP som dina projekt k\u00f6rs mot.<\/li>\n
- Arbeta med anv\u00e4ndarinst\u00e4llningar i Visual Studio Code<\/a><\/strong><\/li>\n<\/ol>\n
![\"Anv\u00e4nder](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164430-61e7652c067ab.png\")
<\/a><\/p>\n