Sådan oprettes et lokalt udviklingsmiljø

Sep 11, 2025
hvordan
Set up a local development environment
(Billedkredit: fremtiden)

Et lokalt udviklingsmiljø giver dig mulighed for at bruge din egen maskine til at køre dit websted, i stedet for at bruge en leveret af en Web Hosting. Selskab. Du kan tilpasse opsætningen uden at bekymre dig om, at det vil påvirke dit live-websted, samt foretage og teste webstedsudvikling, før du uploader dit websted. At fjerne risiko, når man bygger noget, gør udviklingsprocessen meget mindre stressende.

En anden fordel ved at arbejde lokalt er, at du ikke behøver at være forbundet til internettet. Hvis du har langsom wifi, som at arbejde i haven eller rejser, er der ikke behov for at søge efter et WiFi-signal hele tiden.

Tiden brugt ftping til et staging site og venter på dit websted for at opdatere virkelig tilføjer op over en dag med udvikling. Et lokalt miljø vil lade dig fokusere på kode og de sjove bits af bygningswebsteder.

Denne vejledning forudsætter, at du er på en Mac, og vejledningen til at komme i gang med betjent fokuserer på dette. For et pc-alternativ, prøv Homestead. .

En grundlæggende viden om terminal er god, selvom du skal kunne følge med, da kommandoerne er alle ret enkle. De er primært for at få de forudvekslede komponenter, der er installeret og kører.

Når du har afsluttet denne vejledning, har du oprettet PHP, Homebrew og Composer på din maskine, installeret betjent og lært, hvordan du konfigurerer lokale websteder.

Download filerne for denne vejledning.

  • 5 måder at fremskynde dine hjemmesider og apps

01. Installer homebrew.

Set up a local development environment: Install Homebrew

Start af ved at installere Homebrew fra terminalen (Billedkredit: Sush Kelly)

Første skridt her er at installere homebrew. Indtast følgende kommando i din terminal. 

/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

Sørg for, at din PHP er version 7 (Billedkredit: Sush Kelly)

Dernæst skal vi installere / opgradere til PHP7, så tjek ved hjælp af PHP -V. Hvis du har brug for at installere, kan du skrive: 

brew install homebrew/php/php70

Hvis du genstarter dit terminalvindue nu og skriv PHP -V. Igen skal det vise V7 installeret.

03. Installer komponist

Du bliver nødt til at downloade komponist, og derefter sætte den i en mappe, der er en del af din vej. 

 PHP -R "Kopier ('https://getcomposer.org/installer', 'Composer-setup.php');"
php -r ", hvis (hash_file ( 'SHA384', 'komponist-setup.php') === '48e3236262b34d30969dca3c37281b3b4bbe3221bda826ac6a9a62d6444cdb0dcd0615698a5cbe587c3f0fe57a54d8f5') {echo 'Installer verificerede'} else {echo 'Installer korrupt' unlink ( 'komponist-setup. php ');} ekko php_eol; "
php composer-setup.php
php -r "Unlink ('Composer-setup.php');"

04. Flyt til din vej

Set up a local development environment: Move to your PATH

Sæt komponist i din vej (Billedkredit: Sush Kelly)

Flyt nu komponist til en mappe inden for din vej. Når du er færdig, kan du tjekke din adgang til den ved at skrive Komponist-V. . 

 MV Composer.phar / usr / lokal / bin / komponist

05. Kontroller din vej

Hvis du skriver ekko $ path. , vil du se, hvad den indeholder. Hvis det ikke gør det, skal du indtaste følgende for at tilføje det. 

 Eksportsti = $ Sti: ~ / .Composer / Sælger / Bin

06. Kræver betjent globalt

Nu har vi de installerede stykker, vi kan fortsætte med at installere betjent. Først. Lad os kontrollere, at der ikke bruges PORT 80. Indtast følgende, og hvis det returnerer ingenting, er vi gode til at gå. 

 Netstat -An | Grep "\ .80" | Grep Lyt

07. Installer ventetid

Vi bruger komponist til at installere betjentpakken for os, og så kan vi køre Valet install. . 

 Composerglobal kræver laravel / betjent
Betjent installation

08. Park / Unpark Directories

Opret en mappe til dine udviklingswebsteder og fortæl betjent til at tjene dem. Bemærk, at mapper inde i dette kan fås som underdomæner. 

 # Flyt til din projekter Directory
CD ~ / Projekter / Valet /
Betjent Park

09. Glem mapper

På samme måde at parkere, hvis du ikke længere vil have en mappe til at tjene gennem betjent, skal du bare bruge Glem kommandoen indefra i mappen. 

 med mellemrum //
Betjent glemmer

10. Link / Unlink Directories

Du kan også linke til mapper. Dette giver dig mulighed for at vælge det navn, du bruger. 

 CD ~ / Projekter / Valet / Subproject /
# Link The Subproject Directory for at gøre det tilgængeligt på hyperlink "http://subproject.dev" \ hhttp: //subproject.Dev
Valet Link Subproject

11. Del dit websted med verden

Du kan dele din lokale dev-URL til omverdenen. I mappen på dit projekt skal du skrive Valetandel Og det vil oprette en webadresse, du kan bruge.

12. Brug en database

Du skal installere din valgdatabase - for WordPress, vi kan gå videre og installere MySQL. 

 Brew Installer MySQL

13. Vælg et databaseværktøj

Med en database oprettet, er et værktøj til import og eksport data nyttigt, da vi ikke har phpmyadmin eller lignende med betjent, da det er så let.

14. Download Sequel Pro

Set up a local development environment: Download Sequel Pro

Sequel Pro er et retfærdigt databaseværktøj (Image Credit: Sequel Pro)

Vi bruger Sequel Pro, da det tilbyder en simpel grænseflade. Du kan Download det her .

15. Tilslut databasen

Brug standardindstillingerne fra MYSQL, tilføj følgende detaljer og test din forbindelse. 

 Host: 127.0.0.1
Brugernavn: Root.
Adgangskode: (Forlad blank)

16. Opsæt et WordPress-websted

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

Installer WordPress-kerne i din betjent bibliotek (Billedkredit: Sush Kelly)

Med alt nu på plads, skal du oprette et Wordpress-websted. Opret en ny mappe inde i din betjent bibliotek og installer WordPress Core.

17. Tilføj en database

Set up a local development environment: Add a database

Opret en database i Sequel Pro (Billedkredit: Sush Kelly)

I Sequel Pro skal du oprette en ny database med samme navn som den mappe, du har oprettet. Opdater WP-CONFIG fil, der passer til.

18. Test det er alt, der arbejder

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

Gå til browseren og tjek det arbejder (Billedkredit: Sush Kelly)

Nu, hvis du åbner din browser, og naviger til (din mappe) .Test Du skal se WordPress Installer skærmen. Følg dette gennem som normalt.

19. tager det videre

Betjent er ikke kun for at køre WordPress installationer på, det blev faktisk oprindeligt oprettet til larveludvikling. Uanset om du bygger noget skræddersyet i PHP eller ved hjælp af en ramme, kan du nemt oprette et nyt websted ved at oprette en ny mappe til den i din rodmappe.

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

(Billedkredit: fremtiden)

Deltag i os den 26. september for Generere CSS. , en skræddersyet konference for webdesignere bragt til dig af Creative Bloq, Net og Web Designer. Gem £ 50 med en tidlig fuglbillet, når du bestiller inden den 15. august 2019.

Denne artikel blev oprindeligt offentliggjort i udstedelse 287 af Creative Web Design Magazine Webdesigner . Køb problem 287 her eller Abonner på Web Designer her .

Relaterede artikler:

  • 40 Brilliant Wordpress Tutorials
  • De bedste WordPress Hosting Services i 2019
  • 4 forskellige måder at oprette en hjemmeside mockup

hvordan - Mest populære artikler

Opret en animeret damptekst effekt

hvordan Sep 11, 2025

Tilføjelse af effekter til tekst kan tilføje et helt nyt niveau af engagement og interesse. Virkninger som f.eks kineti..

Kom i gang med diffus

hvordan Sep 11, 2025

En af de enkleste måder at bringe lidt ekstra liv til ethvert stykke af 3D Art. er at tilføje farve og tekstur til den. Der er en række navne, der gives til denne proces, ti..

Opret og animerer SVG polygoner

hvordan Sep 11, 2025

I denne tutorial vil vi oprette en række billeder ud af SVG-trekanter og oprette en animeret overgang fra et billede til et ande..

Level up spillet tegn med kreativ montering

hvordan Sep 11, 2025

Med et stort udvalg af frygtelige væsner og tegn til at skabe, arbejder med Spil Workshop til at oversætte Warhammer miniature ..

5 ting, du ikke vidste, at du kunne gøre med HTML

hvordan Sep 11, 2025

Lad os se det, webudvikling kan nemt blive et rod. HTML, CSS og JavaScript. har alle udviklet sig fra ydmyge oprin..

Mal et originalt Tarot-kort

hvordan Sep 11, 2025

Da jeg modtog mit første Tarot Deck, blev jeg fortryllet af det smukke kunstværk og de historier, der fulgte med hvert kort. De..

Sådan forbereder du illustratorgrafik til eftervirkninger

hvordan Sep 11, 2025

Jeg kan ikke begynde at fortælle dig, hvor mange Adobe Illustrator. filer er blevet videregivet til mig for anima..

Træk nøjagtige knogler og muskler

hvordan Sep 11, 2025

Anatomi er et stort emne og kræver en blanding af videnskabelig information og kunstnerisk praktisk. For eksempel har du brug fo..

Kategorier