Instalar y configurar XAMPP y Eclipse en Windows

IN: APLICACIONES|HOSTING|PHP

8sep2009

Este es un pequeo manual de como instalar y configurar XAMPP y Eclipse en un ordenador con Windows. Con estas herramientas, se puedendesarrollar aplicaciones web en local de manera cmoda y rpida, sin problemas de depender de un hosting o estar todo el rato subiendo archivos por FTP. XAMPP es un servidor que solo requiere FTP), en descargar, Y Eclipse es mltiples descomprimir un IDE (entorno lenguajes, y de ejecutar. desarrollo multitud Incorpora Apache (servidor web), MySQL (base de datos), PHP, Perl, Mercury(servidor de correo), FileZilla integrado) Server (servidor que permite programar aadir

de plugins que van generando la comunidad, La versin para programar en PHP se llama Eclipse PDT, y la descargaremos desde Zend porque aade un plugin para debugar, el Zend Debugger Descargar los archivos necesarios: XAMPP (en fecha de la entrada, la versin 1.7.2 en versin 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 raz del disco duro, a C: en un caso normal. Ejecutamos el archivo C:\xampp\setup-xampp.bat para configurar el servidor en la nueva localizacin. 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, dondecambiaremos 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 aadir ms funcionalidades. Iremos a Help>Install new software. En la ventana, repetiremos el proceso de pulsar el botn Add y aadir el sitio, por cada uno de los siguientes sitios de donde descargar plugins: Name: Eclipse Colorer Location: http://colorer.sf.net/eclipsecolorer/

y o o y y

y y y

y o o y y

o o

o o o o y

Name: Aptana Studio Location: http://update.aptana.com/install/studio Name: Subclipse Location: http://subclipse.tigris.org/update_1.6.x Despus de ingresar el ltimo sitio, deberemos seleccionar en el desplegable de Work with: la opcin 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 instalacin. Una vez finalizada la instalacin y reiniciado el Eclipse, falta configurar los plugins. Para configurar Eclipse Colorer, iremos a Window->Preferences. En la nueva ventana, en la seccin 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 aadir un nuevo repositorio con los datos del repositorio ya existente. Arriba a la derecha, pulsaremos el botn PHP para cambiar a la perspectiva de PHP. Cuando ahora hagamos el asistente de File->New->PHP Project paracrear un nuevo proyecto, dejando la opcin de Create new project in workspace, se crear una carpeta en C:\xampp\htdocs con el nombre del proyecto, y all dentro se encontrarn 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

o o o y y y o o o o y y y