Es gibt drei Möglichkeiten, um in 60 Sekunden eine lokale Website-Vorschau einzurichten! Zuerst schauen wir uns Prepros an. Dann verwenden wir BrowserSync mit Gulp. Zum Schluss schauen wir uns XAMPP an. Erledigt.
Installieren Sie die prepros-App für Ihr Betriebssystem und führen Sie sie aus. Ziehen Sie Ihren statischen Site-Projektordner auf die Benutzeroberfläche. Klicken Sie mit der rechten Maustaste auf den Projektnamen und wählen Sie Vorschau öffnen.
In Ihrem Projektordner ausführen npm init
, Installieren Sie dann BrowserSync und Gulp mit sudo npm install gulp browser-sync -save-dev
. Erstellen Sie eine Datei gulpfile.js mit dem richtigen Code (laden Sie die Quelldateien herunter, um Hilfe zu erhalten). Lauf Schluck Browser-Sync
.
Für Projekte, die PHP verwenden, installieren Sie XAMPP für Ihr Betriebssystem. Legen Sie "yourprojectfolder" in den Ordner "htdocs" von XAMPP, führen Sie dann XAMPP aus und starten Sie die Apache- und MySQL-Dienste.
In einem Browser gehen Sie zu localhost / yourprojectfolder. Das ist es!
Weitere Informationen zum lokalen Ausführen von Websites in Envato Tuts+.