Tre lokala förhandsvisningsmetoder på lokal plats inom 60 sekunder

Här är tre sätt att konfigurera lokala hemsidor, på 60 sekunder! Först ska vi titta på Prepros. Då använder vi BrowserSync med Gulp. Slutligen tittar vi på XAMPP. Gjort.

Tre lokala förhandsvisningsmetoder för lokala webbplatser

1. Prepros

Installera och kör prepros-appen för ditt operativsystem. Dra din statiska webbplatsprojektmapp till gränssnittet. Högerklicka på projektnamnet och välj Öppna förhandsgranskning.

2. BrowserSync

I din projektmapp springa npm init, Installera sedan BrowserSync och Gulp med sudo npm installera gulp browser-sync-save-dev. Gör en gulpfile.js med rätt kod i den (ladda ner källfilerna för hjälp med att göra det). Springa gulp-browser-synkronisering.

3. XAMPP

För projekt som använder PHP installerar XAMPP för ditt operativsystem. Sätt "yourprojectfolder" i XAMPPs "htdocs" -mapp, kör sedan XAMPP och starta Apache och MySQL-tjänsterna.

I en webbläsare går du till localhost / yourprojectfolder. Det är allt!

Användbara resurser

Läs mer om att köra webbplatser lokalt på Envato Tuts+.

  • En snabb introduktion till BrowserSync-handledning
  • Kommandoraden för webbdesign: Live Reload & BrowserSync handledning
  • Sudo förklaras
  • Källfiler för denna handledning