Configuración de eclipse incluyendo ambiente As3

Muchos de nosotros utilizamos un sinfín de programas para escribir y editar nuestros códigos. Hace unos días atrás decidí incursionar en investigación y pruebas de JS, canvas, html5 y otras nuevas tecnologías más a fondo. Lo curioso de esto es que me di cuenta que es sumamente engorroso tener que editar un archivo en un programa, hacer el llamado en otro, editar el enlace con el nuevo nombre en el archivo principal y terminar con un pequeño nudo.

En mi situación actual debo editar archivos de css en TopStyle, archivos de html en dreamweaver o notepad++, archivos de as3 en Flashbuilder o Flashdevelop y archivos de xml en notepad++ Esas son mis preferencias actualmente porque muchos tienen funciones que agilizan la escritura de esos lenguajes. Pero con los cambios que se avecinan debemos agregar php, js y tal vez C#. Así que me pareció lógico tratar de centralizar lo más posible los proyectos.

Con toda la situación que describo tome un momento para pensar y me pregunté: Cual es la opción más global actualmente? La respuesta en este momento es Eclipse.

Hacía rato que venía escuchando sobre eclipse pero nunca me había dado a la tarea de instruirme a fondo sobre el y la verdad es que quedé impresionado con lo que ofrece. El paquete maneja casi todos los lenguajes conocidos, es de código abierto y debido a esto muchos de los IDEs que usamos como FlashBuilder y Aptana están basados en el. Es como decir que son diferentes sabores de eclipse.

Sin embargo para poder abarcar la gama de lenguajes que estaré necesitando he debido hacer algo de investigación ya que ActionScript3, uno de los que más uso, presentaba ciertas dificultades y estos son los pasos que seguí para poder tener mi instalación de eclipse completa.

Al momento de escribir este post los proyectos en As3 no aparecen soportados nativa-mente en eclipse, solamente he visto dos contendientes en esta área : FDT-powerflasher y FlashBuilder. Ninguno de los dos es gratuito y la versión lite de FDT es muy limitada.

Cuento con la instalación de FlashBuilder así que por ende contaba con la opción de usarlo como plug-in de eclipse, el obstáculo aquí es que eclipse ya va por la versión 4.2 y flash builder advierte que su compatibilidad es hasta el 3.6 /  32 bits. Qué hacer en este caso? Este link me dio bastantes luces sobre como solucionarlo:
http://forums.adobe.com/message/4543107 En esencia lo que indican es:

1. Descargar la versión de eclipse 3.6 / 32 bits y la 4.2 / 32 bits
2. Instalar el plug-in de flashBuilder en la versión 3.6 y luego pasar los archivos que genero el instalador de flashBuilder en el folder dropins en mi version eclipse 4.2

FlashBuilder trabajara solamente si la versión es eclipse 32 bits, si intentamos el proceso con la versión eclipse 4.2 / 64 bits abrirá un sin fin de ventanas de errores y advertencias.

No estoy seguro si Adobe pensará mejorar las compatibilidad de los programas, pero de momento el proceso ha funcionado con flashBuilder 4.5 y eclipse 4.2

Ahora la parte divertida, agregar los toques personales.que en mi caso son:

1. Instalar Aptana como un plug-in
2. Cambiar el set de colores de la ventana de código
3. Aumentar o bajar el tamaño de font en pantalla.
4. Set de snippets de as3
5. Cambiar el formato de código.

A.Instalar Aptana como un plug-in:

simplemente ir a:http://www.aptana.com/products/studio3/download y seleccionar la opcion eclipse plug-in y presionar el boton de descarga, alli aparecera el enlace para instalar en eclipse.

B.Cambiar el set de colores de la ventana de código:

No me llevo bien con las pantallas de código blancas, siempre que es posible me gusta ajustar los colores a un juego con mayor contraste, por eso necesitaba cambiar el estilo de color de eclipse con esto: https://github.com/eclipse-color-theme/eclipse-color-theme Eclipse Color Theme permite crear nuestros propios set de colores o usar alguno ya creado, hay una gran gama de estilos que podemos descargar y usar de aqui: http://eclipsecolorthemes.org

C.Aumentar o bajar el tamaño de font en pantalla:

Eclipse no cuenta con una opción "rápida" para ajustar el tamaño de la tipografía. Notepad++ y cualquier browser decente tiene la opción de usar la combinación [tecla control] + [tecla de +, - o cero] para ajustar, pero en eclipse hay que ajustar desde Windows/preferences. Para solucionar esto pude usar: http://code.google.com/p/eclipse-fonts/

D.Set de snippets de as3:

En mi configuración de FlashDevelop cuento con un grupo de snippets que eventualmente tendré que copiar, pero como paso inicial este enlace tiene un set de snippets para as3 muy útiles: https://github.com/probertson/FlashBuilder-templates

E.Cambiar el formato de código:

Esto es un paso para satisfacer un gusto meramente personal. Existen diferentes formas de tabular y espaciar los códigos como lo indica el gran sabio de wikipedia: http://en.wikipedia.org/wiki/Indent_style#K.26R_style, un detalle muy personal mio es colocar el bracket inicial en la misma linea no en una linea adicional:

private function someFunction() {
    var anyVariable:int = 2;
}

Muchos programas utilizan este formato cuando vienen de fábrica:

private function someFunction() 
{
    var anyVariable:int = 2;
}

Me parece más cómodo visualmente usar el bracket en la misma linea y además se ve menos abultado cuando es un código extenso.

Esta página: http://ryancanulla.com/code-formatting-in-flash-builder/  explica muy bien como podemos ajustar esta opción y como podemos ajustar el formato de código automáticamente al salvar. Las instrucciones indican como hacer la instalación en FlashBuilder, pero los pasos son los mismos para Eclipse.

UPDATE: Al momento de terminar de escribir esto las pruebas se realizaron con eclipse 4.2. Solo un día después se lanzó la actualización. Tengo que decir que el procedimiento parece ser compatible con eclipse 4.3.