() translation by (you can also view the original English article)
¡Aquí hay tres formas de configurar las vistas previas de página Web local, en 60 segundos! En primer lugar, vamos a ver en Prepros. Entonces usaremos BrowserSync con trago. Por último, vamos a ver en XAMPP. Hecho.
Tres Métodos de Previsualización del Sitio en Local
1. Prepros
Instala y ejecuta la aplicación prepros para tu sistema operativo. Arrastra la carpeta del proyecto de tu sitio estático a la interfaz. Haz clic en el nombre del proyecto y elije Abrir vista previa.
2. BrowserSync
En la carpeta del proyecto ejecuta npm init, y luego instala BrowserSync y Gulp con sudo npm install gulp browser-sync –save-dev. Crea un archivo gulpfile.js en el que se incluya el código (descarga los archivos de origen para ayudarte a hacerlo). Ejecuta gulp browser-sync.
3. XAMPP
Para proyectos con PHP instala la versión de XAMPP adecuada para tu sistema operativo. Coloca la carpeta "yourprojectfolder" dentro de la carpeta "htdocs" de XAMPP, luego abre XAMPP e inicia los servicios Apache y MySQL.
En el navegador dirígete a localhost/yourprojectfolder. ¡Eso es todo!
Recursos Útiles
Aprende más sobre la gestión de sitios web en modo local en Envato Tuts+.
-
Una rápido tutorial introductorio sobre BrowserSync
-
La Línea de Comandos para el Diseño Web: tutorial sobre la Recarga en Tiempo Real y BrowserSync
-
Sudo Explicado
- Archivos originales de este tutorial
