Hvordan sette opp et lokalt utviklingsmiljø

Jan 18, 2026
hvordan
Set up a local development environment
[1. 3]
(Bildekreditt: Fremtid)

Et lokalt utviklingsmiljø lar deg bruke din egen maskin til å kjøre nettstedet ditt, i stedet for å bruke en som leveres av a Web Hosting. selskap. Du kan tilpasse oppsettet uten å bekymre deg for at det vil påvirke ditt live-nettsted, så vel som å lage og teste utviklingsutvikling før du laster opp nettstedet ditt. Ta bort risiko når du bygger noe gjør utviklingsprosessen mye mindre stressende.

En annen fordel ved å jobbe lokalt er at du ikke trenger å være koblet til Internett. Hvis du har treg wifi, liker å jobbe i hagen eller reiser, det er ikke nødvendig å søke etter et wifi-signal hele tiden.

Tiden tilbrakte FTPING til et staging nettsted og venter på nettstedet ditt for å oppdatere, legger virkelig til over en dag med utvikling. Et lokalt miljø vil gi deg fokus på kode og de morsomme bitene av bygningswebsteder.

Denne opplæringen antar at du er på en Mac, og opplæringen for å komme i gang med Betjent fokuserer på dette. For et PC-alternativ, prøv Homestead .

En grunnleggende kunnskap om terminal er bra, selv om du skal kunne følge med, da kommandoene er alle ganske enkle. De er hovedsakelig for å få de forutsetningskomponentene som er installert og kjørt.

Etter å ha fullført denne opplæringen, vil du ha satt opp PHP, homebrew og komponist på maskinen din, installert betjent og lært hvordan du konfigurerer lokale nettsteder.

Last ned filene for denne opplæringen.

  • 5 måter å øke hastigheten på nettstedene dine og apps

01. Installer homebrew.

Set up a local development environment: Install Homebrew

Begynn å installere homebrew fra terminalen (Bilde Kreditt: Sush Kelly)

Første trinn her er å installere homebrew. Skriv inn følgende kommando i terminalen din. 

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

02. Installer PHP.

Set up a local development environment: Install PHP

Pass på at PHP er versjon 7 (Bilde Kreditt: Sush Kelly)

Deretter må vi installere / oppgradere til PHP7, så sjekk med PHP -V. Hvis du trenger å installere, kan du skrive: 

brew install homebrew/php/php70

Hvis du starter Terminal-vinduet ditt nå og skriver PHP -V. Igjen, det skal vise v7 installert.

03. Installer komponist

Du må laste ned komponist, og deretter sette den i en katalog som er en del av veien din. 

 PHP -R "Kopier (" https://getcomposer.org/Installer "," komponist-setup.php ");"
php -r "if (hash_file ( 'SHA384', 'Oser-setup.php') === '48e3236262b34d30969dca3c37281b3b4bbe3221bda826ac6a9a62d6444cdb0dcd0615698a5cbe587c3f0fe57a54d8f5') {echo 'installasjons bekreftet';} else {echo 'installasjons fordervet'; unlink ( 'Oser-oppsett. php ');} ekko php_eol; "
php komponist-setup.php
php -r "unlink (" komponist-setup.php '); "

04. Flytt til banen din

Set up a local development environment: Move to your PATH

Sett komponist i din vei (Bilde Kreditt: Sush Kelly)

Flytt nå komponist til en katalog i din vei. Når du er ferdig, kan du sjekke tilgangen til den ved å skrive komponist-V. . 

 MV Composer.phar / usr / Local / Bin / Composer

05. Sjekk din vei

Hvis du skriver det ekko $ sti , du vil se hva den inneholder. Hvis det ikke gjør det, skriv deretter følgende for å legge til det. 

 Eksportbane = $ PATH: ~ / .Comporter / leverandør / bin

06. Krev betjent globalt

Nå har vi stykkene installert, vi kan fortsette med å installere betjent. Først. La oss sjekke at ingenting bruker Port 80. Skriv inn følgende, og hvis det returnerer ingenting, er vi gode å gå. 

 Netstat -an | grep "\ .80" | Grep Hør

07. Installer betjent

Vi bruker komponist til å installere betjentepakken for oss, og så kan vi løpe Betjent installasjon . 

 ComposerGlobal krever laravel / betjent
Betjent installasjon

08. Park / Unpark kataloger

Opprett en katalog for dine utviklingssteder og fortell Betjent å tjene dem. Merk at mapper inne i dette kan nås som underdomener. 

 # Flytt til prosjektkatalogen din
CD ~ / Prosjekter / Betjent /
Betjent park

09. Glem kataloger

På en lignende måte å parkere, hvis du ikke lenger vil ha en mappe å tjene gjennom betjent, bruk bare glemme kommandoen fra innsiden av katalogen. 

 med mellomrom //
betjent glem

10. LINK / UNBLINK KATTER

Du kan også koble til kataloger. Dette lar deg velge navnet du bruker. 

 CD ~ / Prosjekter / Betjent / SubProject /
# Link delprosjektkatalogen for å gjøre den tilgjengelig på hyperkobling "http://subproject.dev" \ hhttp: //subproject.dev
Betjent Link SubProject

11. Del nettstedet ditt med verden

Du kan dele din lokale Dev URL til omverdenen. I katalogen av prosjektet ditt, skriv betjent andel Og det vil skape en nettadresse du kan bruke.

12. Bruke en database

Du må installere databasen din valg - for WordPress, kan vi fortsette og installere MySQL. 

 Brew install MySQL

13. Velg et databaseverktøy

Med en database som er satt opp, er et verktøy for å importere og eksportere data nyttig, siden vi ikke har phpmyadmin eller lignende med betjent som det er så lett.

14. Last ned Sequel Pro

Set up a local development environment: Download Sequel Pro

Sequel Pro er et greit databaseverktøy (Bildekreditt: Sequel Pro)

Vi bruker Sequel Pro, da den tilbyr et enkelt grensesnitt. Du kan Last ned den her .

15. Koble databasen

Bruke standardinnstillingene fra MySQL, legg til følgende detaljer og test forbindelsen din. 

 Host: 127.0.0.1
Brukernavn: Root.
Passord: (Legg igjen tom)

16. Sett opp et WordPress-nettsted

Set up a local development environment: Set up a WordPress site

Installer WordPress-kjernen i betjent katalogen (Bilde Kreditt: Sush Kelly)

Med alt nå på plass, sett opp et WordPress-nettsted. Opprett en ny mappe i betjent katalogen og installer WordPress-kjernen.

17. Legg til en database

Set up a local development environment: Add a database

Opprett en database i Sequel Pro (Bilde Kreditt: Sush Kelly)

I Sequel Pro, opprett en ny database med samme navn som mappen du opprettet. Oppdatering av det WP-Config. fil som passer.

18. Test det er alt

Set up a local development environment: Test it's all working

Gå til nettleseren og sjekk den fungerer (Bilde Kreditt: Sush Kelly)

Nå hvis du åpner nettleseren din, og navigerer til (din-mappe) .test Du bør se WordPress Installer-skjermen. Følg dette gjennom som normalt.

19. Tar det videre

Betjent er ikke bare for å kjøre WordPress installasjoner på, det ble faktisk opprinnelig opprettet for laravelutvikling. Enten du bygger noe skreddersydd i PHP eller bruker et rammeverk, kan du enkelt lage et nytt nettsted ved å opprette en ny katalog for den i rotmappen din.

Generate CSS – the conference for web designers: 26 September, Rich Mix, Shoreditch, London

(Bildekreditt: Fremtid)

Bli med på 26. september for Generere CSS , En skreddersydd konferanse for webdesignere brakt til deg av Creative Bloq, Net og Web Designer. Spar £ 50 med en tidlig fuglbillett når du bestiller før 15. august 2019.

Denne artikkelen ble opprinnelig publisert i utgave 287 av Creative Web Design Magazine Webdesigner . Kjøp problem 287 her eller Abonner på webdesigner her .

Relaterte artikler:

  • 40 Brilliant Wordpress Tutorials
  • De beste WordPress Hosting-tjenestene i 2019
  • 4 forskjellige måter å lage et nettsted Mockup

hvordan - Mest populære artikler

Hvordan lage vann simuleringer

hvordan Jan 18, 2026

[1. 3] Denne opplæringen vil lære deg å skape en animert strand Diorama fra start til slutt ved hjelp av Houdini FX. Du vil for..

Hvordan lage tilgjengelige webskjemaer

hvordan Jan 18, 2026

[1. 3] Skjemaer er en viktig del av nettet fordi de kobler brukerne til virksomheten din og hjelper dem med å oppnå det de kom t..

Konverter Flash-spill til HTML5

hvordan Jan 18, 2026

[1. 3] Flash blir sakte forlatt av Adobe til fordel for HTML5 og JavaScript; Den offisielle enden av livet er satt for år 2020. O..

Bygg Mobile Apps-plattform med Googles flutter

hvordan Jan 18, 2026

[1. 3] Det har vært mange mobile rammer for korsplattform gjennom årene, med stadige forbedringer til utvikleropplevelsen og yte..

Hvordan male fantasy dyr

hvordan Jan 18, 2026

[1. 3] Når du har kommet opp med en ide for en fantasy skapning, er neste skritt å bringe det til liv ved å male det med trover..

Slik forbereder du illustratørgrafikk for ettervirkninger

hvordan Jan 18, 2026

[1. 3] Jeg kan ikke begynne å fortelle deg hvor mange Adobe Illustrator Filene har blitt sendt til meg for animasj..

Hvordan komme i gang med Sass

hvordan Jan 18, 2026

[1. 3] Sass er et kraftig verktøy som bringer mange funksjoner fra andre programmeringsspråk i CSS - som funksjoner,..

Hvordan tegne et landskap med pasteller

hvordan Jan 18, 2026

[1. 3] Dette innlegget vil lære deg hvordan du tegner et landskap med pasteller. Når du bruker myke pasteller, er du i stand til..

Kategorier