Tre metodi di anteprima del sito locale in 60 secondi

Ecco tre modi per configurare le anteprime dei siti Web locali, in 60 secondi! Per prima cosa, guarderemo Prepros. Quindi utilizzeremo BrowserSync con Gulp. Infine, vedremo XAMPP. Fatto.

Tre metodi di anteprima del sito locale

1. Prepros

Installa ed esegui l'app prepros per il tuo sistema operativo. Trascina la tua cartella di progetto del sito statico sull'interfaccia. Fare clic con il tasto destro del mouse sul nome del progetto e scegliere Apri anteprima.

2. BrowserSync

Esegui nella cartella del tuo progetto npm init, quindi installare BrowserSync e Gulp con sudo npm installa gulp browser-sync -save-dev. Crea un file gulpfile.js con il codice corretto al suo interno (scarica i file sorgente per aiuto su come fare). Correre gulp browser-sync.

3. XAMPP

Per i progetti che utilizzano PHP, installa XAMPP per il tuo sistema operativo. Inserisci "la cartella del tuo progetto" nella cartella "htdocs" di XAMPP, quindi esegui XAMPP e avvia i servizi Apache e MySQL.

In un browser, vai su localhost / yourprojectfolder. Questo è tutto!

Risorse utili

Ulteriori informazioni sull'esecuzione di siti Web localmente su Envato Tuts+.

  • Una breve introduzione al tutorial BrowserSync
  • La riga di comando per Web design: Live Ricarica e BrowserSync tutorial
  • Sudo ha spiegato
  • File sorgente per questo tutorial