Instalar y configurar XAMPP y Eclipse en Windows

XAMPP logoEste es un pequeño manual de como instalar y configurar XAMPP y Eclipse en un ordenador con Windows. Con estas herramientas, se pueden desarrollar aplicaciones web en local de manera cómoda y rápida, sin problemas de depender de un hosting o estar todo el rato subiendo archivos por FTP.

XAMPP es un servidor que solo requiere descargar, descomprimir y ejecutar. Incorpora Apache (servidor web), MySQL (base de datos), PHP, Perl, Mercury (servidor de correo), FileZilla Server (servidor FTP), … Y Eclipse es un IDE (entorno de desarrollo integrado) que permite programar en múltiples lenguajes, añadir multitud de plugins que van generando la comunidad, … La versión para programar en PHP se llama Eclipse PDT, y la descargaremos desde Zend porque añade un plugin para debugar, el Zend Debugger

  • Descargar los archivos necesarios:
    • XAMPP (en fecha de la entrada, la versión 1.7.2 en versión comprimida ZIP)
    • Eclipse PDT (en fecha de la entrada, 2.1.0)
  • Descomprimir el contenido de los archivos comprimidos, que cada uno contiene una carpeta, y moverlo a la raíz del disco duro, a C: en un caso normal.
  • Ejecutamos el archivo ‘C:\xampp\setup-xampp.bat‘ para configurar el servidor en la nueva localización. Saldrá una ventana negra de consola, que primero preguntará si queremos que cree un acceso directo en el escritorio y en el menú de Inicio, y en las siguientes preguntas podemos dejar la respuesta por defecto pulsando Enter hasta que aparezca un menú con 7 opciones, donde pulsaremos la ‘x‘ para salir.
  • Creamos un acceso directo del archivo ‘C:\eclipse\eclipse.exe‘ en el Escritorio o en el menú de Inicio para tenerlo a mano.
  • Iniciar Eclipse.
  • Aparecerá una primera ventana llamada ‘Workspace Launcher‘, donde cambiaremos la ruta del Workspace por ‘C:\xampp\htdocs’, y marcaremos la casilla de ‘Use this default and do not ask again’ para no vuelva a aparecer esta ventana.
  • Una vez cargado Eclipse, haremos un par de configuraciones. Iremos a ‘Window‘->’Preferences‘, y en la ventana que aparece:
    • En ‘General‘->’Workspace’, cambiaremos ‘Text file encoding‘ para que tenga el valor ‘Other‘->’UTF-8
    • En ‘PHP‘->’Code style ‘->’Formatter‘, escoger ‘Spaces‘ en ‘Tab policy‘ y poner 4 en ‘Indentation size‘.
  • Reiniciamos el Eclipse.
  • Ahora instalaremos unos plugins para añadir más funcionalidades. Iremos a ‘Help’->’Install new software…’. En la ventana, repetiremos el proceso de pulsar el botón ‘Add’ y añadir el sitio, por cada uno de los siguientes sitios de donde descargar plugins:
    • Name: Eclipse Colorer
    • Location: http://colorer.sf.net/eclipsecolorer/
    • Name: Aptana Studio
    • Location: http://update.aptana.com/install/studio
    • Name: Subclipse
    • Location: http://subclipse.tigris.org/update_1.6.x
  • Después de ingresar el último sitio, deberemos seleccionar en el desplegable de ‘Work with:‘  la opción ‘–All Available Sites–‘, y una vez cargada la lista de opciones, marcaremos las siguientes opciones:
    • Aptana Studio
    • Syntax Highlighting
    • Subclipse
  • Pulsaremos ‘Next‘, otra vez ‘Next‘, aceptaremos las licencias y pulsaremos ‘Finish‘. Se iniciará el proceso de descarga de los plugins i su instalación.
  • Una vez finalizada la instalación y reiniciado el Eclipse, falta configurar los plugins.
  • Para configurar ‘Eclipse Colorer’, iremos a ‘Window‘->’Preferences‘. En la nueva ventana, en la sección ‘General‘->’Editors’->’File Association‘, configurar para que los archivos:
    • *.php y *.phtml sean abiertos con ‘PHP Editor‘ por defecto
    • *.js sean abiertos con ‘Aptana JS Editor‘ por defecto
    • *.css sean abiertos con ‘Aptana CSS Editor‘ por defecto
    • y aquellos archivos que se utilizen, mirad si preferiis otro editor.
  • Para configurar ‘Subclipse’, solamente tenemos que añadir un nuevo repositorio con los datos del repositorio ya existente.
  • Arriba a la derecha, pulsaremos el botón PHP para cambiar a la perspectiva de PHP.
  • Cuando ahora hagamos el asistente de ‘File’->’New’->’PHP Project’ para crear un nuevo proyecto, dejando la opción de ‘Create new project in workspace’, se creará una carpeta en C:\xampp\htdocs con el nombre del proyecto, y allí dentro se encontrarán los archivos del proyecto.
  • Para hacer que el navegador muestre el contenido de esa carpeta, es decir, el proyecto, deberemos poner la siguiente url: http://localhost/nombre_proyecto

15 comentarios en “Instalar y configurar XAMPP y Eclipse en Windows

  1. Hola.
    Podrias decirme por que no puedo ver el “Aptana PHP Editor” despues de haber instalado el Aptana estudio y buscarlo en los editores disponibles para php??? Todos los demás si los veo.

    Agradezco su ayuda.

  2. He estado mirandolo, y no lo he encontrado. Con el Aptana como aplicación y no como plugin del Eclipse, aparece el “Aptana PHP Editor”. He estado instalando plugins del Aptana, pero no me aparecía en opciones. Supongo que no puede ver los plugins de sus plugins.

  3. Es que tengo amigos que instalaron el pluging Aptana Studio para eclipse y en las preferencias generales les aparece el Aptana PHP Editor que autocompleta y ayuda a completar el código, a mi me funciona para otros editores como el Aptana HTML Editor pero el de PHP no me aparece.
    ¿Te ha sucedido?

  4. Yo lo he mirado, y me pasa como a ti. Es una lástima, porque el Aptana PHP Editor te da autocompletado de las funciones de PHP, que eso ayuda muchísimo. Y con el editor de Eclipse no lo tienes, solo tengo el autocompletado de las clases que hago y de las clases del framework que utilizo, el Zend Framework.

    Sería clave conseguir fusionar o mirar de que funcionen a la vez, pero no sé la manera.

  5. Hola me ha surgido un problema al añadir los plugins del Subclipse, ya que me da error de que no ha encontrado programas como el “Subversion Revision Graph” y el “Subclipse integration for Mylyn 3.x”

  6. HOla como estaS? la consulta es la siguiente…
    Ayer instale Eclipse, me baje la version All in one… y lo que yo quiero es que toda una carpeta de trabajo que yo ya venia laburando con el Dreamweaver se me ubique como Workspace de Eclipse… o sea, quiero abrir ya un proyecto desarrollado y en etapas de desarrollo para poder en un futuro debugarlo… eso se puede?

    Gracias, espero la respuesta de algun buen amigo =)

    saludos

  7. hola y gracias por ayudarme con un tutorial tan sencillo de seguir. pase horas intentando que eclipse php funcionara con xampp y con este tutorial fue cuestion de minutos.

    saludos

  8. Muy buen tutorial pero me gustaria saver como hacer estos pasos para ASP e igual tiene por hsy un lik de como configurar Eclipse ASP + XAMMPP

  9. muchas gracias por los pasos para la configuracion de eclipse para trabajar con php me ha servido bastante

  10. Me ha salido un error al cargar librerias

    An internal error has occurred.
    No more handles (java.lang.UnsatisfiedLinkError: Could not load SWT library. Reasons:
    no swt-xulrunner-win32-3655 in java.library.path
    no swt-xulrunner-win32 in java.library.path

  11. Muy agradecido. Aquí tienes un amigo para lo que haga falta. Por fin algo que he podido seguir hasta el final. Si ahora, además, funciona, la hostia.
    Pero yo ya me doy por satisfecho.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>