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

Tres Métodos para Previsualizar un Sitio Web en Local Explicado en 60 Segundos

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

Spanish (Español) translation by Eva Collados Pascual (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+.

Advertisement
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.