Snabbtips Använd CodeKit 2.0 för lokal WordPress-utveckling

Att arbeta i en lokal miljö (dvs. direkt på din egen dator) är en standardinriktning när du bygger WordPress-teman och plugins. Det sparar dig från att bryta en levande webbplats, samtidigt som du påskyndar processen genom att minska förfrågningar på webben. Det har dock en nackdel men Du kan bara komma åt din lokala miljö lokalt, på ditt system. Att testa samtidigt på andra enheter och system du kanske har är svårt.

I den här snabba artikeln ska jag förklara hur du använder Codekit 2.0 och påskynda ditt lokala arbetsflöde med stilinjektion, uppdatering av webbläsare och enhetstestning utan att röra en rad kod för att installera!

Lokal WordPress utveckling

För att komma igång måste du installera WordPress lokalt. Vi har ett par artiklar om Tuts + för att hjälpa dig att börja använda MAMP (en lokal servermiljö bestående av Mväxelström,enpache, MySQL och PHP, Perl eller Python):

• Så här ställer du upp en Killer WordPress-testmiljö lokalt
• Skelett till WordPress: Komma upp och springa
  

När MAMP är installerat, se till att den är igång. 

Du måste också känna till den lokala webbadressen (ofta http: // localhost: 8888 som standard, men du kan definiera denna Apache-port i MAMP-inställningar). Se till att du har den lokala sajten som fungerar korrekt innan du fortsätter.

Codekit Configuration

Codekit har nyligen gjort en stor uppgradering till 2,0, som erbjuder simultant webbläsare uppdatering över flera enheter, plus stilinjektion. På bara några steg kan du installera Codekit för att fungera med ditt lokala WordPress-setup.

När din lokala WordPress-installation är klar att gå och du har MAMP-körning, lägg till ditt tema som ett projekt till Codekit. Du kan göra detta genom att dra tematets mapp till Codekit.

Externa serverinställningar

Nästa måste vi berätta för Codekit där vår lokala MAMP-server körs, så låt oss uppdatera inställningarna för extern server:

1. Klicka på redskapet under projektets namn i Codekit.
2. Klicka på det andra alternativet märkt Browser Uppfriskande i den vänstra sidofältet.
3. Bläddra ner till Extern server inställningar och sväng Extern server krävs PÅ.
4. Uppdatera Extern serveradress med den lokala MAMP-URL-adressen till WordPress-webbplatsen (till exempel http: // localhost: 8888 / your-local-site, eller som i det här exemplet http://wptest.dev). Se till att du besöker den här webbadressen för att garantera att den är korrekt och fungerande korrekt.

För att börja använda servern klickar du på förhandsgranskningsknappen längst upp till höger om kodkoden. Det öppnar din webbläsare med en unik webbadress (http: //your-computer-name.local: 5757). Du kan nu manuellt besöka den webbadressen på andra enheter som är anslutna till ditt Wi-Fi-nätverk för att ansluta till Codekits webbläsare förfriskande och stilinjektioner.

När du sparar en fil i kodredigeraren uppdaterar webbläsaren, eller om du uppdaterar stilarket, kommer Codekit att injicera de nya stiländringarna.

Codekit erbjuder också Sass-kompilering (med Libass), stilinjektion, uppdatering av webbläsare, syntaxkontroll, minifiering, krokar och mer med bara ett program! Om du redan använder MAMP, ge Codekit ett försök och se det snabbare på ditt arbetsflöde.

Vilka tips har du för lokal WordPress-utveckling, låt oss veta i kommentarerna!