Configurando o Eclipse para Flex 1.5, ActionScript e ColdFusion

Como todos sabem, o Eclipse é a ferramenta mais popular para desenvolvimento Java e o Flex 2 Bulider será um PlugIn do Eclipse. Mas enquanto ele não vem (e por algum tempo), temos que continuar nossos projetos em Flex 1.5 e nada melhor do que ter apenas uma IDE para desenvolvermos tanto o Back-end (Java ou ColdFusion) quanto o Front-end. O grande objetivo era procurar uma IDE mais robusta que o Builder 1.5, e como já utilizávamos o Eclipse para desenvolvimento Java, seria a solução ideal.
Eclipse e Flex:
Pesquisando na Intrenet, encontrei alguns posts sobre o assunto. No começo usei um PlugIn chamado Oxygen. O Oxygen funciona muito bem, mas pesquisando na Internet encontrei um post do Darron Schall sobre Web Tools Platform, uma alternativa gratuíta e nativamente integrada ao Eclipse . Entretanto esse post está com uma informação faltante, mas foi de grande ajuda para mim.

O que iremos fazer é instalar o Web Tools Platform do próprio site do Eclipse. O que esse PlugIn irá fazer é usar o arquivo mxml.xsd disponível com na instalação do Flex como XML Catalog. Então diremos para o Eclipse que os arquivos .mxml serão interpertados como arquivos XML (e é exatamente o que são, arquivos XML) e que os arquivos com o namespace http://www.macromedia.com/2003/mxml devem estar de acordo com o xsd do Flex.

Em tão vamos lá:

1. Baixe o Eclipse;
2. Extraia o arquivo zip onde você deseja que o Eclipse seja instalado. Na verdade o Eclipse não precisa de instalação. Basta descompactar os arquivos para usá-lo. Eu gosto de descompactar o meu para c:/Program File ou c:/Arquivos de Programas;
3. Baixe o Web Tools. Os arquivos que você deve baixar são:
   • emf-sdo-xsd-SDK-2.1.0.zip
   • GEF-SDK-3.1.zip
   • JEM-SDK-1.1.zip
   • wtp-wst-0.7.zip
4. Descompacte todos esses arquivos onde você “instalou” o Eclipse. Na verdade o que estamos fazendo é descompactar os arquivos na pasta plugins do Eclipse. Além disso, alguns outros arquivos são descompactados.

Com o Web Tools instalado, inicialize o Eclipse. Se você estiver com ele inicializado, feche o Eclipse e abra novamente para que os PlugIns sejam carregados. Agora vamos configurar o Eclipse para “entender” arquivos .mxml:

1. Selecione no menu superior Window > Preferences. Selecione do lado esquerdo General > Content Types. Selecione do lado direito Text > XML. Clique no Botão Add.. e adicione o File Type *.mxml. A figura abaixo ilustra essa configuração:



2. Agora selecione do lado esquerdo Gereral > Editors > File Associations. Clique no botão Add… superior e coloque o File Type *.mxml. Provavelmente abaixo aparecerá XML Editor e Text Editor. Caso não apareçam, coloque os dois editor e configure o XML Editor como Default selecionando o editor e pressionando o botão Default do lado direito;



3. Ainda em Window > Preferences selecione Web and XML > XML Catalog. Clique no botão Add… Em seguida clique no botão que parece uma pasta na linha do campo URI: e selecione File System;



4. Selecione o arquivo mxml.xsd. Esse arquivo encontra-se em C:\Program Files\Macromedia\Flex\extras\schema ou C:\Arquivos de Programas\Macromedia\Flex\extras\schema;
5. Os outros campos devem ser preenchidos automaticamente.

Pronto!!! Agora vamos testar nossas configurações. Adicione a um projeto um arquivo mxml. Ao colocar o namespace http://www.macromedia.com/2003/mxml você terá code hinting dos objetos do Flex. Cuidado que ao abrir a primeira vez o editor ele abrirá no modo Design. Clique na aba Source logo abaixo para começar a escrever ser código. A figura abaixo ilustra o que você terá:

Eclipse e ActionScript:

Não adianta nada termos o Flex sem termos um editor de ActionScript. Usamos um PlugIn chamado AS Development Tool (ASDT) para o Eclipse. É um plugin free obtido através do SourceForge. Também, podemos instalar o PlugIn direto do Eclipse, o que é muito mais fácil. Certifique-se apenas que você tem acesso a Internet.

1. No Eclipse acesse Help > Software Updates > Find and Install…;
2. Selecione Search for new features to install e clique Next;
3. Selecione New Remote Site…;
4. Digite o nome ASDT e a URL http://aseclipseplugin.sf.net/updates/ e clique OK;
5. Selecione Finish;
6. Selecione o Check do ASDT e clique Next e siga a instalação até o final;
7. Você terá que reinicializar o Eclipse para que o PlugIn seja carregado.

Agora vamos configurar o PlugIn:

1. Selecione Window > Preferences;
2. No menu lateral selecione ActionScript2 > Core Path;
3. Selecione Browse e aponte para a pasta que contém as classes ActionsScript do Flash. Geralmente estão em C:\Documents and Settings\\Local Settings\Application Data\Macromedia\Flash 8\en\Configuration\Classes. Lembro que esses arquivos só existirão se você tiver o Flash instalado.

Agora vamos testar o Plugin:

1. Crie um novo projeto do tipo Action Script. File > New > Project > New ActionScript2 Project ;
2. Crie uma classe ActionScript na pasta src. Selecione a pasta e clique em File > New > Other > New ActionScript2 Class;
3. Comece a digitar o seu código e verá o code hinting.

Observe também que você tem code hinting de suas próprias classes e dos imports dos packages que você criou.

Outra dica importante é observar os atalhos do ASDT, que facilitam muito nossas vidas como F3 para ir para um método ou classe, Ctrl + 7 para fazer e desfazer comentários etc. Para saber todos os atalhos acesse Window > Preferences e no menu lateral General > Keys.

Eclipse e Coldfusion

O PlugIn usado para Coldfucion no Eclipse é o CFEclipse. Acredito que esse dispensa comentários, pois já é bem mais famoso que os outros. A instalação é muito semelhante ao Flex e podemos encontrar diversos artigos e posts sobre ele na Internet.

Como vocês podem ver no site, a Macromedia está apoiando o desenvolvimento desse PlugIn. O interessane é que pudemos ver uma demo na última MAX da nova versão do CFEclipse. Os recursos eram bem legais, como acesso a RDS direto do Eclipse.