En IDE för WordPress-utveckling (oavsett erfarenhet)
I den föregående artikeln gick jag igenom processen att sätta upp en lokal utvecklingsmiljö med hjälp av en pakethanterare. Specifikt talade jag om att använda Homebrew för att installera Valet and Composer.
Den förra erbjuder Nginx-webbservern, en MySQL-databasserver, medan Homebrew låter dig installera PHP. Composer ger dig möjligheten att hantera PHP-beroenden. Om du inte har läst inlägget rekommenderar jag det starkt eftersom det här inlägget bygger på hela den miljön.
Specifikt kommer jag att prata om IDE. Det är ett hett ämne, antar jag, men om du inte har en preferens så kommer jag att leda dig genom processen att välja en som jag tycker är bäst (åtminstone till att börja med), konfigurera den och använda den i samband med den miljö som fastställdes förra veckan.
En IDE för WordPress-utveckling
För många professionella WordPress-utvecklare kommer du sannolikt att höra dem prata om PhpStorm. Och med goda skäl. Jag har använt just denna IDE i över ett år nu och den är riktigt kraftfull.
Den har bra stöd för ett antal avancerade funktioner, är utbyggbar och har många integrerade funktioner som gör det till en fantastisk miljö att arbeta i; Jag har dock märkt att av alla IDE:er jag har provat kommer den också med den brantaste inlärningskurvan. Det är också en betald IDE som kanske är avstängd för vissa. Men det är okej. Vi kommer att ta upp det genom hela det här inlägget.
Detta är inte nödvändigtvis en dålig sak: Ibland är de saker som är värda att lära sig mest de svåraste sakerna att använda. Men det finns alternativ där ute och jag försöker se till att alla som läser detta är på samma sida.
Som jag sa i förra inlägget:
Om jag ska skriva om det här materialet långt, ska jag anta att vi alla använder samma miljö?
Eftersom jag har fel på sidan av ja, så tycker jag att det är passande att välja en IDE som jag tror kommer att fungera bra med alla – från de som bara lär sig till de som är lite mer avancerade. Ange Visual Studio Code.
En anteckning om denna IDE
Om du har läst den här bloggen hur länge som helst (eller precis har börjat), kommer du att upptäcka att jag har ett arkiv med inlägg om just denna IDE. Några av inläggen jag har skrivit inkluderar:
- Visual Studio-kod för WordPress-utveckling
- Konfigurera PHP CodeSniffer i Visual Studio Code
- TODOs, REVIEWs och FIXMEs ,
- och så vidare.
Jag har faktiskt en hel eftersläpning som du kan gå igenom. Problemet: Det är lite föråldrat. När jag använder PhpStorm har Visual Studio Code (eller kod, för kort) gjort betydande förbättringar sedan jag senast använde den.
Med det sagt kan en del av detta material låta överflödigt men det kommer i slutändan att få oss alla på samma sida.
Visual Studio-kod
Innan du börjar är det värt att hänvisa till två saker:
- Varför Visual Studio Code?
- Komma igång med Visual Studio Code
Det sistnämnda är lite av ett stort ämne eftersom det innehåller ett antal saker att installera, konfigurera och konfigurera så jag kommer att täcka det med det här inlägget och de nya, men det är åtminstone värt att prata om varför Visual Studio Code är en solid IDE för WordPress-utveckling.
1 Varför Visual Studio Code?
Förutom att vara kompatibel med alla större operativsystem, är en av de första sakerna att notera om Code att den behåller en kopia av sina inställningar i sin egen fil så att du alltid kan gå tillbaka till den, men du kan anpassa den till dina egna inställningar .
Vidare underhålls allt i en JSON-fil som låter dig anpassa den för att passa den miljö där du arbetar. Kanske är det PHP, kanske är det JavaScript, eller kanske är det något helt annat.
Utöver det, att hålla inställningarna bärbara gör det enkelt att dela mellan dina datorer. Det betyder att du kan släppa filen i, säg, en Dropbox-mapp och få dina inställningar refererade via alla dina maskiner.
Detta är naturligtvis användbart om du bara har flera maskiner. Och om du gör det, kanske du vill ha utvecklingsmiljöerna synkroniserade så att det är lätt att tränga mellan dem.
2 Komma igång med Visual Studio Code
Att börja med IDE är enkelt. Det är verkligen en fråga om:
- Navigera till programvarans hemsida,
- Ladda ner den version som är lämplig för ditt operativsystem,
- Sedan installerar du det.
Men det räcker inte med att installera det, eller hur?
Jag menar, vi måste fortfarande prata om att lägga till arbetsytor för vart och ett av våra projekt, konfigurera inställningar och installera tillägg som hjälper oss att göra oss mer produktiva i det arbete vi gör.
Under de kommande inläggen kommer vi att göra exakt det. När allt kommer omkring, om de här inläggen blir för långa får du faktiskt ingenting gjort med resten av dagen 🙂.
Hur är det med tillägg?
Kom dock ihåg att eftersom vi huvudsakligen arbetar med WordPress och relaterad programvara i den här serien och i den kommande artikeln, måste vi se till att vi har några saker installerade för att korrekt hantera det vi ska göra.
Detta inkluderar saker som stöd för:
- WordPress. En av de fina sakerna med att använda en smart IDE är att den kan erbjuda kodkomplettering. Att använda ett språk som PHP erbjuds vanligtvis av de flesta IDE:er. Denna plugin lägger till stöd för WordPress.
- PSR2-kodningsstandarder. Även om jag en gång har varit ett fan av WordPress Coding Standards, har jag sedan dess flyttat till PSR Coding Standards (av olika anledningar).
- Felsökning. Att använda Xdebug är viktigt om du vill bli godkänd med hjälp av echo- och var_dump- satser i din kod. Dessutom hjälper det att titta djupare in i WordPress-källkoden när du går igenom potentiella problem.
- TODO Management. För det mesta, när du skriver kod, kommer det att finnas platser som du behöver gå tillbaka och granska, fixa eller helt enkelt göra innan du släpper något till iscensättning eller produktion. Att använda ett verktyg som detta hjälper dig att enkelt hitta dem innan du anger koden för källkontroll eller distribuerar den.
- Och mer.
Uppenbarligen tar de länkade sakerna dig till startsidan för vart och ett av plugin-programmen, men det är möjligt – och förmodligen bättre – att installera dem inifrån redigeraren så att du lättare kan hantera dem.
Kom ihåg att syftet med det tidigare inlägget var att ha ett sätt att enkelt hantera all programvara vi installerar. Och att installera tilläggen via IDE ger exakt samma upplevelse för IDE.
Slutligen, det här är tilläggen som jag har funnit vara användbara när jag arbetar med WordPress.
Strax
Även om jag har gett en sammanfattande information om många av sakerna ovan, tar det inte en djupdykning i några av dem eller vad du kan förvänta dig när du använder dem.
Dessutom talar det inte om de vanliga tabs-versus-mellanslagen, typsnitt som jag tycker är värda att använda, Sass linting, JavaScript-stil och linting, och så vidare.
Tills dess, arbeta med att installera Visual Studio Code och få det konfigurerat med tilläggen länkade ovan. Det är lätt att göra det inifrån IDE. Och om du har några frågor, lämna dem gärna i kommentarerna.