Rask Tips Bruk CodeKit 2.0 for lokal WordPress-utvikling

Å jobbe i et lokalt miljø (dvs. direkte på egen datamaskin) er en standard tilnærming når du bygger WordPress-temaer og plugins. Det sparer deg fra å bryte et nettsted, mens du øker prosessen ved å redusere forespørsler på nettet. Det har imidlertid en ulempe skjønt; Du kan bare få tilgang til ditt lokale miljø lokalt, på systemet ditt. Det er vanskelig å teste samtidig på andre enheter og systemer du har.

I denne korte artikkelen skal jeg forklare hvordan du bruker Codekit 2.0 og øke hastigheten på din lokale utviklings arbeidsflyt med stilinjeksjon, oppdatering av nettleseren og enhetstesting uten å berøre en linje med kode til oppsett!

Lokal WordPress Utvikling

For å komme i gang må du sette opp WordPress lokalt. Vi har et par artikler på Tuts + for å hjelpe deg med å komme i gang med å bruke MAMP (et lokalt servermiljø bestående av Mac,ENPache, MySQL og PHP, Perl eller Python):

• Hvordan sette opp et Killer WordPress-testmiljø lokalt
• Skjelett til WordPress: Komme opp og kjører
  

Når MAMP er installert, må du kontrollere at den kjører. 

Du må også kjenne den lokale nettadressen (ofte http: // localhost: 8888 som standard, men du kan definere denne Apache-porten i MAMP-innstillinger). Pass på at du har det lokale stedet som fungerer, før du fortsetter.

Kodekit Konfigurasjon

Codekit har nylig gjort en stor oppgradering til 2.0, og tilbyr samtidig nettleser forfriskning på flere enheter, pluss stilinjeksjon. På bare noen få trinn kan du sette opp Codekit for å jobbe med ditt lokale WordPress-oppsett.

Etter at din lokale WordPress-installasjon er klar til å gå, og du har MAMP, kan du legge til temaet ditt som et prosjekt til Codekit. Du kan gjøre dette ved å dra temaets mappe til Codekit.

Eksterne serverinnstillinger

Deretter må vi fortelle Codekit der vår lokale MAMP-server kjører, så la oss oppdatere innstillingene "Ekstern server":

1. Klikk på utstyret under prosjektets navn i Codekit.
2. Klikk på det andre alternativet som er merket Nettleser forfriskende i venstre sidefelt.
3. Rull ned til Ekstern server innstillinger og sving Ekstern server påkrevd PÅ.
4. Oppdater Ekstern serveradresse med den lokale MAMP-URLen på WordPress-siden (for eksempel http: // localhost: 8888 / din-lokal-side, eller som i dette eksemplet http://wptest.dev). Sørg for at du besøker denne nettadressen for å sikre at den er riktig og fungerer riktig.

For å begynne å bruke serveren, klikk på forhåndsvisningsknappen øverst til høyre i Codekit. Den åpner nettleseren din med en unik nettadresse (http: //your-computer-name.local: 5757). Du kan nå manuelt besøke denne nettadressen på andre enheter som er koblet til Wi-Fi-nettverket ditt for å koble til Codekits nettleser forfriskende og stilinjeksjoner.

Når du lagrer en fil i kodeditoren, vil nettleseren oppdatere, eller hvis du oppdaterer stilarket, vil Codekit injisere de nye stilendringene.

Codekit tilbyr også Sass compiling (med Libass), stilinjeksjon, nettleser forfriskende, syntax sjekking, minification, kroker og mer med bare ett program! Hvis du allerede bruker MAMP, gi Codekit en tur og se på at det øker arbeidsflyten din.

Hvilke tips har du for lokal WordPress-utvikling, gi oss beskjed i kommentarene!