Professional Documents
Culture Documents
Este tutorial irá mostrar como configuar o Eclipse para desenvolver com Ext JS e Jquery usando Spket
Editor.
Uso o Eclipse diariamente no trabalho, e é minha IDE favorita. Sou desenvolvedora Java web (JEE) e
como a plataforma é web, também desenvolvo com Ext JS e JQuery. O que eu mais gosto do Eclipse é
o recurso de auto-completar. Isso ajuda a economizar muito tempo quando estou codificando.
Infelizmente, essa opção só está presente nas linguagens suportadas pelo Eclipse (Java, C, C++, PHP,
etc).
Recentemente achei esse plugin para o Eclipse - Spket Editor, e me ajudou muito. Agora posso
codificar em Ext JS ou JQuery usando o recurso de auto-completar. Antes disso tinha que ficar
consultando a API dessas bibliotecas para saber se tinha o que estava procurando, ou ficar procurando a
sintaxe correta do nome do método.
Configurando Ext JS
5 – Selecione “ExtJS”.
Tutorial: Configurando Eclipse IDE para desenvolvimento com Ext JS e JQuery
Loiane Groner – http://loianegroner.com - http://loiane.com
6 – Selecione o segundo “ExtJS” e clique em “Add File”.
Tutorial: Configurando Eclipse IDE para desenvolvimento com Ext JS e JQuery
Loiane Groner – http://loianegroner.com - http://loiane.com
7 – Selecione “ext.jsb2” e clique em “Open”. Você irá encontrar este arquivo dentro da pasta do Ext JS
(faça o download do ExtJS).
Tutorial: Configurando Eclipse IDE para desenvolvimento com Ext JS e JQuery
Loiane Groner – http://loianegroner.com - http://loiane.com
8 – Selecione os componentes que deseja ativar – selecionei todos. Selecione o primeiro “ExtJS” e
clique em “Default”. Não clique em “Ok” ou “Apply” ainda.
Tutorial: Configurando Eclipse IDE para desenvolvimento com Ext JS e JQuery
Loiane Groner – http://loianegroner.com - http://loiane.com
9 – Agora vamos configurar o Spket editor. Selecione “General” → “Editors” → “File Associations”.
Selecione “*.js” na lista de arquivos. Spket JavaScript Editor é a segunda opção na lista de “associated
editors”. Selecione-o clique em “Default”.
Tutorial: Configurando Eclipse IDE para desenvolvimento com Ext JS e JQuery
Loiane Groner – http://loianegroner.com - http://loiane.com
10 – Clique em “Ok”.
Tutorial: Configurando Eclipse IDE para desenvolvimento com Ext JS e JQuery
Loiane Groner – http://loianegroner.com - http://loiane.com
11 – Agora vamos testar!
Configurando JQuery
É o mesmo processo que fizemos para o ExtJS, vamos então configurar o JQuery.
5 – Selecione “JQuery”.
Tutorial: Configurando Eclipse IDE para desenvolvimento com Ext JS e JQuery
Loiane Groner – http://loianegroner.com - http://loiane.com
6 – Selecione o segundo “JQuery” e clique em “Add File”.
Tutorial: Configurando Eclipse IDE para desenvolvimento com Ext JS e JQuery
Loiane Groner – http://loianegroner.com - http://loiane.com
7 – Selecione “jquery.js” e clique em “Open”. (faça o download do jquery - jquery.com).
Tutorial: Configurando Eclipse IDE para desenvolvimento com Ext JS e JQuery
Loiane Groner – http://loianegroner.com - http://loiane.com
Tutorial: Configurando Eclipse IDE para desenvolvimento com Ext JS e JQuery
Loiane Groner – http://loianegroner.com - http://loiane.com
8 – Agora vamos testar!
Se desejar configurar outras linguagens (YUI, MooTools, Prototype), visite a página do Spket:
http://spket.com/javascript-editor.html
Até a próxima!
http://loianegroner.com - Inglês
http://loiane.com - Português
Página no Facebook: http://www.facebook.com/pages/Loiane-Groner/134400473255914
Twitter: @loiane