Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. XAMPP

Drei lokale Vorschau-Methoden vonWebsiten in 60 Sekunden

by
Difficulty:BeginnerLength:QuickLanguages:
This post is part of a series called 60 Second Video Tutorials.
HTTP Status Codes in 60 Seconds
Color for Attention and Depth in 60 Seconds

German (Deutsch) translation by Matteo Duchscher (you can also view the original English article)

Hier sind drei Möglichkeiten, um lokale Website Vorschauen in 60 Sekunden einzurichten! Zunächst betrachten wir Prepros. Dann verwenden wir BrowserSync mit Gulp. Schließlich betrachten wir XAMPP. Fertig.

Drei Methoden der lokalen Seiten-Vorschau

Prepros

Installieren Sie und führen Sie die Prepros-app für Ihr Betriebssystem aus. Ziehen Sie Ihren statischen Website-Projekt-Ordner in das Interface. Mit der rechten Maustaste auf den Namen des Projekts klicken, und Open preview auswählen.

BrowserSync

Starte npm init im Projekt-Ordner, dann installiere BrowserSync und Gulp mittels sudo npm install gulp browser-sync –save-dev. Erstelle einen gulpfile.js mit dem richtigen Code beinhaltend (lade die Resourcen Dateien für Hilfe). Starte gulp mithilfe von browser-sync.

XAMPP

Installieren Sie XAMPP, für Projekte die PHP benutzen, für Ihr Betriebssystem. Fügen Sie "Ihrprojektordner" in den "Htdocs" Ordner von XAMPP. Dann führen SieXAMPP aus und starten Sie den Apache und MySQL-Dienst.

Gehen Sie zu localhost/Yourprojectfolder in einem Browser. Das ist alles!

Nützliche Sesourcen

Erfahren Sie mehr über das lokale Ausführen von Webseiten auf Envato Tuts +.

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.