Usar XAMPP + Prepros + Sublime Text

el

XAMPP + Prepros + Sublime Text (u otro editor)



Esta combinación es muy buena a la hora de trabajar haciendo páginas web que usen PHP y bases de datos, el programa sublime text pueden cambiarlo por otro que más le guste ya que su función es solo la de escribir código web, hay otros programas como Dreanweaver, Atom, Eclipse, etc...

¿Porqué esta combinación de programas?

  • Sublime text: para escribir código (tiene una amplia comunidad en la que se desarrollan muchos plugins y nuevas funcionalidades, que hacen cómoda la programación).
  • Prepros: Nos permite ver el resultado de nuestras páginas web sin tener que recargar la página cada vez que realizamos algún cambio.
  • XAMPP: Nos permite tener diferentes servidores instalados, como son en nuestro caso un servidor apache y un servidor mysql.

1º Paso

Tenemos que descargar los diferentes programas e instalarlos

2º Paso

Tenemos que acceder a la carpeta xampp (normalmente está en C:/ en windows), dentro de la carpeta xampp habrá una carpeta llamada htdocs, dentro de esa carpeta creamos una que se llame por ejemplo "Proyectos".


Abrimos Prepros y añadimos la carpeta Proyectos como nuevo proyecto, para ello realizamos los siguientes pasos:
  • Ledamos al + que hay en la esquina inferior izquierda.

  • Buscamos la carpeta y le damos a add proyect. 

  • Como veremos se nos ha agregado, con el proyecto seleccionado le damos a Settings.
    • Nos vamos a Live Preview, luego marcamos Use Custom Server, y en Server Url ponemos la ruta desde la cual vamos a acceder, que es: http://localhost/Proyectos/ 

  • Donde aparece Proyectos le damos al botón de opciones y marcamos Sync Browsers.
  • Dentro de Proyectos añadimos las carpetas con nuestras paginas webs.
  • Con nuestro proyecto seleccionamos le damos a la bola del mundo del lateral.
  • Se nos abrira una página que nos indicará las carpetas de nuestros proyectos web, seleccionamos la que queramos y accedemos a los archivos que queremos visualizar.
  • Si editamos los archivos que estamos visualizando se actualizaran solos.


    Comentarios

    Publicar un comentario