Eclipse JavaScript Editor: assistente de conteúdo para arquivos js, autocompletion

Estou tentando o Eclipse (com plug-ins JavaEE e de desenvolvimento da Web) como um IDE JavaEE / GoogleAppEngine. No editor de HTML, se eu colocar um no automaticamente recebo o assistente de conteúdo para JavaScript no arquivo referenciado. Eu queria saber se era possível obter ajuda de conteúdo para outros arquivos JavaScript (por exemplo, biblioteca jQuery ou homebrew js) dentro do editor JavaScript.

Acabei de descobrir como obter o assistente de conteúdo js no editor JavaScript do Eclipse (sem os plug-ins do Aptana):

Se o tipo de projeto não contiver nativamente o suporte a JavaScript: abra a perspectiva da Web (ou JavaScript), clique com o botão direito do mouse no projeto e selecione Suporte ao Desenvolvimento da Web > Adicionar suporte a JavaScript (isso não afetará se o suporte a JavaScript já estiver presente)

em seguida, clique com o botão direito do mouse em Suporte a JavaScript no projeto e selecione Propriedades , na seção JavaScript, acesse a biblioteca JavaScript e selecione a guia Origem: aqui você pode adicionar pastas e arquivos a serem verificados pelo assistente de conteúdo para o projeto atual


No Aptana Studio (como um plugin do eclipse, mas suponho que a versão independente seja quase a mesma): abra qualquer arquivo js ou html, mostre a janela References (ou abra a perspectiva do Aptana no eclipse) e arraste os arquivos js que deseja adicionar ao JavaScript escopo (é possível construir e ativar diferentes perfis de escopo com diferentes arquivos e resources JavaScript: basta clicar em adicionar perfil na barra de ferramentas da janela)

imo, Aptana é o melhor plugin do eclipse para edição js. Inclui suporte para muitas das principais bibliotecas como jQuery, yui, dojo, etc.

Spket , no entanto, também é bom. Embora principalmente se você fizer o desenvolvimento da extensão do firefox (ficando um pouco desatualizado)

O editor embutido é terrível. alega que há erros em todo o lugar, mesmo quando claramente não existem.

Para o Aptana Studio 3: (plugin para o Eclipse testado)

Encontre uma biblioteca na qual você esteja interessado … Salve-a no disco e arraste-a para o seu projeto. Não importa onde fica o projeto, assim você pode criar uma nova pasta para arquivos como este, se quiser.

!! O projeto deve ser algum tipo de projeto web: Web, PHP, Python, Ruby, Rails.

http://wiki.appcelerator.org/display/tis/Using+JavaScript+Libraries

Para Eclipse Juno 4.2 e Aptana Studio 3 e JQuery (jquery-1.7.2.js)

Eu obtive esta resposta magjis de trabalho e upvoted acima com uma ressalva.

Deixando cair a biblioteca JQuery minificada como por magjis acima em uma subpasta de um projeto existente não funcionou para mim. Ele funcionou para mim depois de criar um novo projeto e usar a biblioteca descompactada.

Existem dezenas de posts desatualizados em SO e em outros lugares que se referem a diálogos do Aptana reprovados e fornecem informações que não são pertinentes para a versão atual do Eclipse. Tudo o que sei é que para Eclipse Juno 4.2, Aptana 3 e JQuery 1.7.2, aqui está o que funciona (para mim, pelo menos):

Verifique se você tem o plug-in Aptana instalado e está na perspectiva da Web. Isso é o que a perspectiva do Aptana Studio é chamada … seria menos confuso se eles a nomeassem algo que tivesse a palavra ‘Aptana’ nela.

Certifique-se de que seu editor padrão seja ‘JavaScript Source Editor’. Defina isso em Janela -> Preferências -> Geral -> Editores -> Associações de Arquivos e escolha a extensão .js na lista. Há mais de uma opção na checkbox de listview abaixo. Usar qualquer outro editor nem sequer me deu código para colorir … este é o único que eu poderia usar o assistente de código para trabalhar.

Eu fiz isso antes de seguir o conselho do magjis acima, então eu não sei se era mesmo necessário. Mas eu instalei o rublo de JQuery como abaixo: http://wiki.appcelerator.org/display/tis/JavaScript+Library+Support#JavaScriptLibrarySupport-jQuery%28

Em seguida, para expor na resposta do magjis acima: Crie um novo projeto e adicione a biblioteca JQuery descompactada, largando jquery-1.7.2.js no projeto no Project Explorer e selecionando a opção Vincular ao Arquivo na checkbox de diálogo que apareceu. Eu me liguei ao jquery-1.7.2.js na pasta / js da raiz do projeto, que é onde a biblioteca geralmente vai de qualquer maneira. Elimine jquery1.4.2.sdocml no projeto e escolha copiar ou vincular ao arquivo. Eu copiei o arquivo para a raiz do projeto.

Se eu puder fazer outro comentário, em retrospectiva, gostaria de ter desistido do Eclipse há dois meses e ter ficado com o Notepad ++ ou gasto o tempo procurando um ambiente PHP / JS / HTML / CSS mais enxuto, rápido e estável.

Isenção de responsabilidade Eu sou o autor do tern.java.

Eu sugiro que você instale o tern.java que estende o JSDT para melhorar o suporte a JavaScript (conclusão, hover, hyperlink, validação) para muitos frameworks JavaScript modernos (jQuery, jQuery UI, jQuery Mobile, YUI, Dojo, Cordova, etc). a lista completa dos módulos tern

Eu tentei e falhei em muitas sugestões. Prestes a desistir, deparei-me com isto:

  1. Procure JSDT jQuery no mercado do Eclipse e instale. Eu encontrei JSDT jQuery 1.5.0.
  2. Clique com o botão direito do mouse no seu projeto e configure o caminho de construção (eu sei que eu gostaria que fosse também o nível do espaço de trabalho).
  3. Vá para JavaScript> Incluir caminho e clique em Adicionar biblioteca JavaScript …
  4. Escolha jQuery. Este é o suporte v1.8. Eu olhei, mas não consegui encontrar nada de novo.
  5. Reinicie o Eclipse e viola.

Finalmente, certo ?!

Ativando a validação de Javascript para o Aptana Studio 3.2:

  1. Janela -> Preferências -> Validação
  2. Selecione o Javascript e habilite o jslint
  3. Projeto -> Propriedades -> Projeto Naturezas
  4. Selecione Web (e qualquer outra coisa que você queira)
  5. Janela -> Mostrar Visualização -> Problemas
  6. Salve seu arquivo, os problemas devem ser preenchidos com avisos
  1. Clique com o botão direito do mouse no seu projeto e selecione Propriedades.
  2. Expanda Javascript -> Incluir caminho.
  3. Na guia Bibliotecas, clique em “Adicionar biblioteca Javascript”.
  4. Selecione “Biblioteca do usuário” -> “Configurar bibliotecas do usuário”.
  5. Adicione todos os arquivos .js necessários, clique em OK e aguarde a conclusão da construção do projeto.
  6. Você deve ter a conclusão de código de todos os arquivos de biblioteca adicionados ao editar seus próprios arquivos .js.

Adicionando bibliotecas .js ao seu projeto

Para versões recentes do Eclipse (como o meu Indigo SR2), duas coisas precisam ser feitas para obter assistência de código para jQuery em um projeto do GAE.

  1. Configure o projeto para ser um projeto JavaScript: Clique com o botão direito do mouse em project -> Configure (logo acima de Property) -> Convert to JavaScript Project

  2. Faça exatamente o que o Sr. Butterworth e o autocompletion de jQuery disseram, instale o pluggin JSDT jQuery e adicione jQuery aos Recursos JavaScript do projeto

Para a versão mais recente do Eclipse Kepler, há mais uma opção a considerar, que é o VJET JavaScrip IDE . Originalmente desenvolvido no eBay e recentemente contribuiu para a fundação Eclipse. Ainda está em fase de incubação, mas pode ser instalado a partir do site de atualização noturno. A funcionalidade inicial é descrita na proposta ‘VJET: JavaScript Toolkit’. Ele fornece assistências de conteúdo no editor JavaScript para várias bibliotecas JS, como:

  • Node.js
  • jQuery
  • Dojo
  • JSON
  • Tela de pintura

através de projetos ANJILs VJET importados no espaço de trabalho.

Como complemento às outras respostas, recomendo vivamente a instalação do plugin Eclipse JSHint . Você pode configurá-lo através de preferências de projeto e funciona como um encanto. Mostra avisos adicionais no editor de JavaScript.

Eu também recomendo escrever jsDoc acima de suas funções, pois isso ajudará o Eclipse ( @memberOf , você pode usar Ctrl + o para navegar).

Você também pode migrar para o TypeScript já que o suporte do Eclipse já está maduro (2015), o TypeScript é typescript e um IDE pode colher os benefícios (o preenchimento automático funciona como um encanto com o Palantir ).