Trois méthodes de prévisualisation de site local en 60 secondes

Voici trois manières de configurer des aperçus de sites Web locaux, en 60 secondes! D'abord, nous allons regarder Prepros. Ensuite, nous utiliserons BrowserSync avec Gulp. Enfin, regardons XAMPP. Terminé.

Trois méthodes d'aperçu de site local

1. Prepros

Installez et lancez l’application prepros pour votre système d’exploitation. Faites glisser votre dossier de projet de site statique sur l'interface. Cliquez avec le bouton droit sur le nom du projet et choisissez Ouvrir l'aperçu.

2. BrowserSync

Dans votre dossier de projet, exécutez npm init, puis installez BrowserSync et Gulp avec sudo npm install gulp navigateur-sync -save-dev. Créez un fichier gulpfile.js contenant le bon code (téléchargez les fichiers sources pour obtenir de l'aide). Courir gulp navigateur-sync.

3. XAMPP

Pour les projets utilisant PHP, installez XAMPP pour votre système d'exploitation. Placez «votre dossier de projet» dans le dossier «htdocs» de XAMPP, puis exécutez XAMPP et démarrez les services Apache et MySQL.

Dans un navigateur, accédez à localhost / yourprojectfolder. C'est tout!

Ressources utiles

En savoir plus sur l'exécution de sites Web localement sur Envato Tuts+.

• Une introduction rapide à BrowserSync tutoriel
  
• La ligne de commande pour la conception Web: tutoriel Live Reload & BrowserSync
  
• Sudo a expliqué
  
• Fichiers source pour ce tutoriel