msgbartop
Desarrollador Web, Android y iOS
msgbarbottom

Convertir Eclipse en un buen IDE para programar con Symfony2

El IDE que utilizamos para programar es algo bastante personal pero lo cierto es que un buen entorno de desarrollo puede ayudarnos en nuestro día a día a ser más productivos y a programar con mayor rapidez. Para PHP podemos utilizar diferentes IDEs como pueden ser NetBeans, Sublime Text 2, PHPStorm, etc.

Eclipse suele ser más utilizado para lenguajes de programación tipo JAVA, pero lo cierto es que es un IDE bastante potente y se puede adaptar a cualquier lenguaje de programación gracias a la gran cantidad de plugins que hay disponibles. En este post voy a explicar como configurar Eclipse para utilizarlo cuando estemos desarrollando con Symfony2.

Evidentemente, lo primero que debemos hacer es descargarnos el IDE desde la propia web oficial de Eclipse. En este caso vamos a utilizar la versión Eclipse Classic (en este momento, versión 4.2).

Ahora vamos a descargarnos el plugin creado por Robert Gründler para ayudarnos en la programación con Symfony2. Algunas de las ventajas que obtendremos con este plugin son:

- Asistente de código para elementos específicos de Symfony2, como los servicios, rutas, entities, traducciones, bloques de Twig, etc.
- Navegación: Con un click podremos ir rapidamente a rutas, plantillas, bloques/funciones/filtros de Twig, servicios, etc.
- Soporte para anotaciones
- Soporte para Twig

Por si esto fuera poco, se incluyen plugins de terceros que nos seguirán facilitando el trabajo:
- Plugin para editar archivos Yaml.
- Asistente de código para Doctrine.
- Generador de setters/getters.
- Plugin de composer

Este plugin lo podemos encontrar en http://symfony.dubture.com/. La forma más fácil de instalarlo es desde el propio Eclipse, por lo que vamos a Help > Install new software y pulsamos sobre el botón “Add”. En name escribimos “Symfony2 Eclipse Plugin” y en location escribimos esta url: http://p2.dubture.com.

Seleccionamos todos los paquetes que aparecen y los instalamos.

Algo que también nos puede resultar de mucha ayuda es tener una consola directamente integrada en Eclipse. Esto lo podemos conseguir con el plugin Wickedshell. Para instalarlo lo haremos de la manera habitual: Help > Install new software, pulsamos el botón “Add” y como nombre de escribimos “Consola Wickedshell” y como url http://www.wickedshell.net/updatesite.

Cuando lo instalemos, tendremos una consola integrada en el propio Eclipse:

Por último y no menos importante, es cambiar la apariencia de Eclipse e instalar un theme con el que nos encontremos más a gusto programando. Para ello vamos a instalar el plugin que encontraremos en http://eclipsecolorthemes.org/ con varios themes ya disponibles para su utilización.

Lo instalamos como en pasos anteriores: Help > Install new software, pulsamos el botón “Add” y como nombre de escribimos “Eclipse Color Themes” y como url http://eclipse-color-theme.github.com/update/.

Ya solo nos queda seleccionar el theme que mejor se adapte a nosotros:

Etiquetas: , , , , , , , ,

Lanzador de Sublime Text 2 en Linux

Sublime Text 2 es un editor de texto que se está haciendo muy popular debido a su facilidad de uso y su entorno minimalista. Sublime Text 2 hace que solo te concentres en el código que estás escribiendo.

Si nos descargamos el programa desde su propia web, descubrimos que al descomprimirlo se trata de una carpeta donde se encuentra todo lo necesario para ejecutar el programa. Cada vez que queramos abrirlo, debemos entrar en esta carpeta y ejecutar el archivo de la aplicación (también podemos crear un acceso directo en el escritorio). En esta carpeta no encontraremos ni siquiera el icono de Sublime Text 2.

¿Cómo solucionarlo?

- Primero nos descargamos el icono del programa para que el lanzador quede “bonito” :)

- Creamos un enlace de la aplicación a la carpeta /usr/bin/:

sudo ln -s /home/jonseg/sublime-text-2/sublime_text /usr/bin/sublime_text

- Copiamos el icono que nos hemos descargado antes al directorio donde se encuentran los iconos del sistema:

sudo cp sublime.png /usr/share/icons/

- Creamos el archivo sublime.desktop con el siguiente contenido:

[Desktop Entry]
Version=2.0
Type=Application
Name=Sublime Text 2
Comment=Editor Sublime Text 2
TryExec=sublime_text
Exec=sublime_text %F
Icon=/usr/share/icons/sublime.png
MimeType=text/plain;

Y lo copiamos al directorio /usr/share/applications/:

sudo cp sublime.desktop /usr/share/applications/

Y listo. Si pulsamos la tecla de Windows de nuestro teclado (en Unity), el resultado debe ser algo parecido a esto:

Etiquetas: , , , , ,

Instalar NetBeans con soporte svn+ssh y theme de colores oscuros

De entre todos los IDEs que existen, mis favoritos para programar en php son Aptana y NetBeans. Hasta ahora siempre he usado Aptana, su edición directa por FTP y su sistema de sincronización lo hacía casi indispensable. Pero NetBeans tiene una ventaja bastante importante y determinante (al menos para mí): soporte para el framework Symfony (y Zend).

Voy a explicar como instalar NetBeans en Ubuntu y empezar un proyecto utilizando svn+ssh.

1) Descargar e instalar NetBeans.
Lo haremos desde su página web oficial: http://netbeans.org/ La última versión a la hora de escribir este post, es la 6.9.1.
Descargaremos la versión PHP. Podemos elegir el idioma del IDE, aunque recomiendo descargarlo en inglés. No es lo mismo hacer un “checkout” o “commit”, que un “comprobar” o “subir cambios”. Personalmente, me lío ;)

Una vez descargado el instalador, tenemos que darle permisos de ejecución. Pinchamos con el botón derecho / propiedades / permisos / permitir ejecutar el archivo como un programa. Cerramos y hacemos doble click en el archivo y seleccionamos Ejecutar. La instalación empezará en este momento.

2) Soporte svn+ssh
NetBeans ya tiene instalado el plugin de svn. Lo que vamos a hacer es importar un proyecto que tengamos en nuestro servidor de svn, conectándonos mediante svn+ssh. Para ello necesitamos primero crear un par de claves RSA para que podamos conectarnos mediante ssh al servidor svn sin necesidad de tener que introducir la contraseña cada vez.

En local, utilizamos el comando ssh-keygen:

ssh-keygen -t rsa

Nos da la opción de introducir una frase para cifrar la clave privada. Cifrar la clave privada nos dará más seguridad en caso de intento de robo de esta clave, pero en este caso no lo vamos a hacer ya que el objetivo es no tener que escribir la contraseña cada vez que nos queramos conectar al servidor (si ciframos la clave privada, habrá que introducir la frase para descifrarla).

Este comano nos crea dos archivos: id_rsa (clave privada) e id_rsa.pub (clave pública). Tenemos que copiar la clave pública al servidor svn.

Podemos copiar el archivo id_rsa.pub mediante ftp o utilizando el comando scp:

scp id_rsa.pub usuario@dominio:/home/usuario

Cuando tengamos la clave pública en el servidor, tenemos que añadirla al fichero authorized_keys que esta en el directorio .ssh de nuestra home. Si no existe el directorio, lo creamos:

mkdir $HOME/.ssh

Dentro de este directorio, tenemos que incluir la clave pública en el fichero authorized_keys:

cat id_rsa.pub >> authorized_keys

Después de esto, ya no necesitaremos introducir nuestra contraseña cada vez que queramos conectarnos al servidor (desde nuestro ordenador local, claro).

3) Importar proyecto svn
Ya estamos preparados para importar un proyecto svn a NetBeans utilizando svn+ssh.
En Netbeans, vamos al menú Team>Subversion>Checkout. Se nos abrirá una ventana en la que tenemos que introducir la URL del repositorio (Repository URL) y el túnel SSH (Tunnel Command).
En el primer campo escribimos la ruta a nuestro repositorio, por ejemplo:

svn+ssh://midominio.com/miproyecto

Y en Tunnel Command, introducimos:

ssh -q -l USUARIO -i /home/USUARIO/.ssh/id_rsa

Vemos como en el comando anterior hacemos uso del archivo de clave privada id_rsa, así no tendremos que escribir la contraseña cada vez.

La siguiente ventana esta dividida en dos partes. En la de arriba seleccionaremos la parte del repositorio que queremos importar (checkout). Por defecto nos descargaremos todo (podemos seleccionar la rama Trunk si la hubiera). En parte de abajo de la ventana, seleccionamos donde queremos descargar el proyecto en local.

En el siguiente paso nos preguntará si queremos crear un proyecto en local. Le decimos que sí. Creamos un PHP Application (la primera opción). Lo ideal es que el directorio del proyecto que estamos creando sea el mismo que el de sincronización con svn. Así, trabajamos y hacemos cambios en los archivos descargados de svn directamente, por lo que es más fácil después subir los cambios al servidor. Recomiendo separar los metadata del proyecto Netbeans a otra carpeta, para que no se añadan al proyecto y se suban la próxima vez al servidor svn (aunque se podría hacer un ignore).

Como vemos en la captura, el proyecto desde svn lo descargo en trunk, mientras que los metadata del proyecto (archivos de configuración de NetBeans) lo dejo en la carpeta MiProyecto:

netbeans

Y ya lo tendremos! Podemos activar la barra de svn para hacernos el trabajo más sencillo (Window / Versioning / Subversion) a la hora de subir los cambios al servidor.

4) Theme con colores oscuros
Si pasamos la mayor parte del día programando, es mejor para la vista tener colores oscuros de fondo. El color blanco (por defecto en la mayoría de IDEs) cansa mucho la vista y a la larga puede ser perjudicial para los ojos. Así que vamos a instalar un theme con colores oscuros.

El mejor que he encontrado es este: http://net.tutsplus.com/freebies/themes/netbeans-twilight-theme/ y lo podemos descargar desde aquí o aquí (mirror en mi servidor).

Para importarlo en NetBeans, vamos a Tools / Options y pulsamos en el botón Import. Buscamos el archivo .zip (importante, no hay que descomprimirlo!), seleccionamos que queremos importar todas las opciones y pulsamos en aceptar. Después de reiniciar NetBeans, vamos a Tools / Options y en la pestaña Fonts and Colors seleccionamos el Profile Netbeans_Twilight. Ya tendremos nuestro entorno con colores oscuros.

Para mi gusto, el tamaño de letra de este theme es demasiado pequeño. Yo, en Fonts and Colors (una vez activado el theme) selecciono el tipo de fuente “Monospaced”, estilo “Plain” y tamaño “13″.

Con estos pasos tenemos nuestro entorno de desarrollo listo para empezar.

Etiquetas: , , , , , , ,