[Screencast] Configurando o autocompletar do ExtJS 4 no Eclipse ou Aptana com Spket plugin
Este screencast irá mostrar como configurar Eclipse IDE para desenvolvimento com Ext JS 4 usando Spekt Eclipse plugin. Possibilita o uso da feature autocomplete no Eclipse ou Aptana.
Escrevei um tutorial sobre isso antes, mas era sobre ExtJS 3. No ExtJS 4 houveram algumas mudanças e nesse screencast tem passo a passo mostrando como configurar, desde a instalação do plugin até toda a configuração.
Apenas um update (obrigada Felipe pelo heads up), para o plugin funcionar direito, tem que estar com a perspectiva de Javascript profile habilitada. No vídeo o meu Eclipse já está com essa perspectiva selecionada, então não me dei conta disso!
Update: Este tutorial está desatualizado. A Spket já liberou uma versão nova do plugin para o Eclipse e não precisa fazer o que está nesse vídeo. Este tutorial será atualizado em breve.
Segue o vídeo:
Spket: Configurando Eclipse IDE para desenvolvimento com Ext JS 4 from Loiane Groner on Vimeo.
Inaugurando mais uma categoria aqui no blog, dessa vez vou começar a fazer alguns screencasts. Esse foi o primeiro que fiz, por isso ficou meio tosco, mas com o tempo vou melhorando. Comprei uma licença do Screenflow e assinei o plano Plus do Vimeo para fazer upload dos vídeos em HD. Depois me digam o que acharam e se gostaram desse formato. Estou planejando uma série de screencasts sobre Ext JS 4, e quem sabe não sai uns tutoriais bem legais! ![icon smile [Screencast] Configurando o autocompletar do ExtJS 4 no Eclipse ou Aptana com Spket plugin](http://www.loiane.com/wp-includes/images/smilies/icon_smile.gif "[Screencast] Configurando o autocompletar do ExtJS 4 no Eclipse ou Aptana com Spket plugin"){kind=icon}
Se tiverem alguma idéia legal, por favor, deixem em Sugestões ou entrem em Contato!
Bons códigos!
Segui o passo a passo aqui e deu certo!
Ficou ótimo o screencast, parabéns pela iniciativa! Você conseguiu fazer o autocomplete funcionar para as config options ( {…} )?
Ei Matheus,
Valeu!
O autocomplete funciona apenas para classes, métodos. Config options só funciona se colocar o nome inteiro da classe, pois o arquivo jsb2 contém apenas o caminho das classes para o src.
[]‘s
Ah sim, obrigado! Estou aguardando mais screencasts
Muito bom Loiane. No aguardo do proximo.
Oi Loiane,
Eu não uso uso ExtJS, mas mesmo assim assisti o vídeo pra prestigiar mesmo! Parabéns!! Achei muito bom, o formato ficou ótimo, o vídeo e áudio ficaram bons também.
[]s
Lívia
Valeu pelo feedback pessoal!
Vou continuar com os screencasts então!
[]‘s
Loiane, o que vc fez nesse post ou no passado funciona pra versao 2.x do ExtJs ?
Parabéns pelo ótimo trabalho
Oi Heron,
Você pode conferir o post que fiz para a versão 3, que também funciona para a versão 2.
NO caso da versão 2 e 3 do ExtJS, os arquivos jsb2 já estão inclusos no SDK e basta utilizá-los no plugin. E também não precisa do fix do jar do plugin para versões anteriores.
[]‘s
Muito legal, eu sempre entendo mais com screencast.
Ola Loiane, gostei muito do screencast, além do mais serve de ajuda para pessoas como eu , que tem a vontade de aprender e vem ao seu site/blog para aprender as novas tecnologias que estão no mercado.
Pois bem, gostaria apenas de agradecer pela existencia do blog, no qual quase semanalmente estou por aqui.
Vlw!
\m/
Segui todos os passos do tutorial e nao conseguir utilizar o autocomplete. Como referencio o SDK do ExtJS ao eclipse?Somente pelo arquivo .jsb2?
AH ótimo video.
Olá Ygor, sim.
A única maneira do autocomplete funcionar é seguindo os passos do vídeo. Repare em todos os detalhes, talvez vc esqueceu de algum.
[]‘s e obrigada!
Oi Loiane,
Screencast fantástico!! Muito obrigado.
Ma ajudou MUITO
Obrigado mesmo.
Olá, instalei no SPKET mas o Eclipse instalou a 1.6.20 e seguindo seu screencast não funcionou…
Olá Vilmar,
Precisa ser exatamente os passos e as versões indicadas no screencast.
Ao clicar em Install New Software, o meu Eclipse instalou o Spket 1.6.20, semelhante ao caso de Vilmar e como era de se esperar, não funcionou.
Há tempos que tento fazer isso funcionar, desde a versão 3, mas nunca dá certo. Até achei que dessa vez iria dar certo, mas não vi nenhuma forma de como usar a versão 1.6.18, conforme tem no vídeo.
De qualquer forma, parabenizo Loiane pelo screencast e vou ficar na esperar de um dia dar certo isso aqui.
Desculpa, mas depois de revisar por diversas vezes, finalmente consegui fazer funcionar.
Na parte em que se fala sobre ir em Preferences > Spket > JavaScript Profiles, no vídeo até que fala sobre adicionar o Profile, Library e File, porém não diz que tem que clicar no botão Default. Apenas depois de eu observar que no Eclipe de Loiane já estava como default, foi que eu fiz isso e deu certo.
Outro detalhe que eu observei, é pra quem efetuar o procedimento de instalar o Spkey e o Eclipse instalar a versão 1.6.20, não precisa fazer a substituição do arquivo .jar, pois acredito eu que nessa versão, já venha o tal fix que Loiane fala no vídeo.
Pode parecer óbvio, mas é um detalhe importante, sobretudo porque não fui o primeiro a me deparar inicialmente com o não funcionamento.
Até mais!
Loiane, parabéns pelo screencast. Exelente tutorial.
Loiane, parabéns ajudou muito. Porem tive o mesmo “problema” do Paulo Porto.
Tudo resolvido.
Valeu
Pra quem não consegue usar o auto complete com a versão 1.6.20 e EXT JS 4.0.7, faça o seguinte:
1) Abra o arquivo /build/sdk.jsb3 (faça um backup dele!)
2) Altere todas as ocorrências de “../../platform/” por “../src/”
3) Altere todas as ocorrências de “src/src/” por “src/”
Sei que não é uma boa prática alterar este arquivo, mas não consegui outra forma.
Abraços a todos.
Nao consegui fazer funcionar, fiz certinho passo a passo mas nao funcionou, estou usando o Extjs 4.0.7 e o spket-1.6.21
uma coisa que achei que ficou faltando no tutorial foi os links dos complementos necessários.
Loiane se puder revisar esse tutorial agradeceria muito.
uma pergunta hoje ja existe uma versao oficial do ext.jsb2?
mas o mais importante porque nao funciona?
grato
Olá Jota,
Esse screencast já está um pouco desatualizado, a nova versão do plugin já dá suporte ao jsb3.
Assim que tiver um tempo vou atualizar.
[]‘s
Loiane, já venho acompanhando, há algum tempo, suas publicações sobre o Ext JS. Parabéns!!!! É uma contribuição notável.
Apesar do screencast estar muito didático, não consegui fazer o auto-complete funcionar. Acredito que deve ser por causa da versão que baixei do Spket 1.6.22.
Fico aguardando sua atualização. Valeu!!!
[]‘s
Comunicando: após seguir as orientações do Paulo Porto tudo funcionou bem.
Valeu Paulo Porto!
Boa tarde Loiane…
Qual versão do Eclipse você está usando?
Testei com a versão 3.7.1 do Indigo… segui todos os passos mas não dá certo.
Minha tentativa agora é tentar validar com as mesmas versões que você usou pra ver se acho o que foi…
Ah… outro detalhe… eu usei a versão mais recente do ext e não a versão que está no video…
Olá Wemerson,
esse tutorial está desatualizado.
Consegui fazer rodar com as versões do Eclipse Indigo 3.7.1, ExtJS 4.0.7 e o SPKET 1.6.22… foi só instalar plugin do SPKET no eclipse e o restante segui um tuto que achei no próprio site do spket: http://spket.com/extjs.html
Rodou certinho… notei que somente funciona se os arquivos forem com a extensão .js ou seja, se inserir código javascript/extjs num arquivo com extensão .html não vai funcionar o autocompletar.
Isso é até fácil de resolver e acho que até ajuda a deixar o código organizado… é só trabalhar sempre com arquivos .js separados e fazer os includes corretamente dentro dos arquivos html.
Consegui fazer rodar com as versões do Eclipse Indigo 3.7.1, ExtJS 4.0.7 e o SPKET 1.6.22… foi só instalar plugin do SPKET no eclipse e o restante segui um tuto que achei no próprio site do spket: http://spket.com/extjs.html
Rodou certinho… notei que somente funciona se os arquivos forem com a extensão .js ou seja, se inserir código javascript/extjs num arquivo com extensão .html não vai funcionar o autocompletar.
Isso é até fácil de resolver e acho que até ajuda a deixar o código organizado… é só trabalhar sempre com arquivos .js separados e fazer os includes corretamente dentro dos arquivos html.
Bem… mesmo desatualizado me foi extremamente útil pois foi a partir daqui que consegui dar meus próprios passos e achar como resolver…
Obrigado assim mesmo, rs…
Para quem está usando versões mais recentes do ExtJs4, segue link com explicação: http://www.spket.com/extjs.html
Oi Loiane
Començar falando que meo portunhol esta ruin demais srsrsr.
Olhea tenho vontade de començar a trabalhiar con Ext JS, y acabei de baixar a nova verçar do SDK (4.0.7) mais esto tendo dificultade de façer que o eclipse pegue as configuraçoes que mostra no seu screencast da verçao 4.0.2.
Porfavor poderias actualizar o screencast o façer um mini tutorial pra coneseguir rolar certinho o Ext JS 4.0.7 no Eclipse?
Muito obrigado.
Saludos.
Hola Julio,
Está em meus planos fazer um update do tutorial.
Gracias!
Olá, estou usando o eclipse indigo + spket 1.6.22 + extjs 4.0.7 vc disse que vai atualizar o post, mas não poderia só dizer o que é preciso fazer concertar esse problema?
Obrigado.
Olá João, vc pode usar diretamente o arquivo jsb se estiver usando a ultima versao do Spekt.
A Sencha ainda não liberou a nova versão do arquivo junto com o SDK, por isso ainda não atualizei o post.
[]‘s
Pessoal, tive problemas em tentar fazer funcionar a versão 4.1 do Extjs com eclipse (usei o arquivo sdk.jsb3 da pasta Build). Resolvi fazendo uma copia da pasta “src” e renomeando a mesma para “plataform”. Dentro do arquivo sdk.jsb3 ele fica fazendo referencia a esta pasta que não existe. Fica a Dica.
Muito bom o video! Estou utilizando o extjs-4.1.0 e tive o mesmo problema que o Diones. A dica dele me ajudou porém o nome da pasta deve se chamar “platform” e não “plataform”. 100% funcional agora! Valeu!