Drie voorbeelden van lokale sitevoorbeelden in 60 seconden

Hier zijn drie manieren om lokale website-voorbeelden in 60 seconden in te stellen! Eerst kijken we naar Prepros. Vervolgens gebruiken we BrowserSync met Gulp. Ten slotte zullen we kijken naar XAMPP. Gedaan.

Drie voorbeelden van lokale sitevoorbeelden

1. Prepros

Installeer en voer de prepros-app uit voor uw besturingssysteem. Sleep de map met uw statische site naar de interface. Klik met de rechtermuisknop op de projectnaam en kies Voorbeeld openen.

2. BrowserSync

Voer in de projectmap uit npm init, installeer vervolgens BrowserSync en Gulp met sudo npm install gulp browser-sync -save-dev. Maak een gulpfile.js met de juiste code erin (download de bronbestanden voor hulp hierbij). Rennen slurpen browsersynchronisatie.

3. XAMPP

Voor projecten met PHP install XAMPP voor uw besturingssysteem. Zet "yourprojectfolder" in de map "htdocs" van XAMPP, voer dan XAMPP uit en start de Apache- en MySQL-services.

Ga in een browser naar localhost / yourprojectfolder. Dat is het!

Handige bronnen

Meer informatie over het lokaal uitvoeren van websites op Envato Tuts+.

• Een snelle inleiding tot de BrowserSync-zelfstudie
  
• De opdrachtregel voor webontwerp: Live Reload & BrowserSync zelfstudie
  
• Sudo uitgelegd
  
• Bronbestanden voor deze zelfstudie