Eclipse JavaScript Editor: Conteúdo Assista a arquivos JS, conclusão automática

StackOverflow https://stackoverflow.com/questions/1006934

Pergunta

Estou tentando o Eclipse (com Javaee e Plugins de Desenvolvimento da Web) como um IDE Javaee/GoogleApgengine. No editor html se eu colocar um <script ... src="..." /> dentro <head> Eu automaticamente recebo assistência de conteúdo para JavaScript no arquivo referenciado. Eu queria saber se era possível obter assistência de conteúdo para outros arquivos JavaScript (por exemplo, JQuery ou Homebrew JS Library) dentro do editor JavaScript.

Foi útil?

Solução

Acabei de descobrir como obter assistência de conteúdo JS em Eclipse JavaScript Editor (sem plugins aptana):

Se o tipo de projeto não contiver nativamente o suporte ao JavaScript: Open Web (ou JavaScript) perspectiva, clique com o botão direito do mouse no projeto e selecione Suporte ao Desenvolvimento da Web > Adicione o suporte ao JavaScript (Isso não vai doer se o suporte ao JavaScript já estiver presente)

Em seguida, clique com o botão direito do mouse Suporte de JavaScript dentro do projeto e selecione Propriedades, na seção JavaScript, vá para a biblioteca JavaScript e, em seguida, selecione a guia de origem: Aqui você pode adicionar pastas e arquivos a serem digitalizados pelo conteúdo assistência ao projeto atual

Dentro Estúdio Aptana (Como um plug -in Eclipse, mas suponho que a versão independente seja quase a mesma): abra qualquer arquivo JS ou HTML, mostre Referências Janela (ou Abra os arquivos JS de Aptana no eclipse) e arrasto que você deseja adicionar ao escopo JavaScript (é possível construir e ativar diferentes perfis de escopo com diferentes arquivos e recursos JavaScript: basta clicar Adicione perfil na barra de ferramentas da janela)

Outras dicas

IMO, Aptana é o melhor plug -in 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 de extensão do Firefox (ficando um pouco desatualizado)

O editor de JS incorporado é terrível. Ele afirma que existem erros em todo o lugar, mesmo quando claramente não há.

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

Encontre uma biblioteca em que você esteja interessado ... salve -o no seu disco e arraste -o para o seu projeto. Não importa onde esteja no projeto, para que você possa criar uma nova pasta para arquivos como esse, se quiser.

!! O projeto deve ser algum tipo de projeto da 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 consegui isso Magjis funcionando e votado acima com uma ressalva.

A retirada da Biblioteca JQuery Minified, conforme Magjis acima, em uma subpasta de um projeto existente não funcionou para mim. Funcionou para mim depois de criar um novo projeto e usar a biblioteca não compactada.

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

Certifique -se de ter o plug -in Aptana instalado e está na perspectiva da web. É assim que a perspectiva do estúdio Aptana é chamada ... Seria menos confuso se eles o nomeassem algo que tivesse a palavra 'aptana' nela.

Verifique se o seu editor padrão é 'JavaScript Source Editor'. Defina isso em Window -> Preferências -> Geral -> Editores -> Associações de Arquivos e escolhendo a extensão .js na lista. Há mais de uma opção na caixa de listagem abaixo. Usar qualquer outro editor nem me deu o código para corar ... este é o único com o qual eu poderia obter o Code Assist para trabalhar.

Eu fiz isso antes de seguir o conselho de Magjis acima, então não sei se era necessário. Mas eu instalei o rublo jQuery como abaixo:http://wiki.appcelerator.org/display/tis/javascript+library+support#javascriptlibrarysupport-jquery%28

Em seguida, exponha a resposta de Magjis acima: Crie um novo projeto e adicione a biblioteca jQuery não compactada, soltando o JQuery-1.7.2.js no projeto no Project Explorer e selecionando o link para o arquivo na caixa de diálogo que apareceu. Eu vinculei a JQuery-1.7.2.js na pasta /js da raiz do projeto, que é onde a biblioteca geralmente vai de qualquer maneira. Solte o JQuery1.4.2.sdocml no projeto e opte por copiar ou vincular o arquivo. Copiei o arquivo na raiz do projeto.

Se eu puder fazer um comentário adicional, em retrospecto, gostaria de ter desistido do Eclipse há dois meses e preso com o bloco de notas ++ ou gastei o tempo procurando um ambiente mais enxuto, mais rápido e estável PHP/JS/HTML/CSS.

Isenção de responsabilidade, sou o autor do Tern.Java.

Eu sugiro que você Instale o tern.java que se estende ao JSDT para melhorar o suporte a JavaScript (conclusão, mouse, hiperlink, validação) para muitas estruturas JavaScript modernas (jQuery, Jquery UI, jQuery Mobile, Yui, Dojo, Cordova, etc.) Veja a lista completa de Módulos Tern

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

  1. Procure JSDT JQuery no mercado Eclipse e instale. Encontrei o 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 também gostaria que fosse o nível de espaço de trabalho).
  3. Vá para JavaScript> Inclua Path e clique em Adicionar biblioteca JavaScript ...
  4. Escolha jQuery. Este é o suporte v1.8. Eu olhei, mas não consegui encontrar nada mais novo.
  5. Reinicie o Eclipse e Viola.

Finalmente, certo?!

Habilitando a validação de JavaScript para o Aptana Studio 3.2:

  1. Janela -> Preferências -> Validação
  2. Selecione JavaScript e Ativar JSLint
  3. Projeto -> Propriedades -> Projeto Natures
  4. Selecione Web (e qualquer outra coisa que você quiser)
  5. Janela -> Show View -> Problemas
  6. Salve seu arquivo, os problemas devem se encher de avisos
  1. Clique com o botão direito do mouse no seu projeto e selecione Propriedades.
  2. Expanda JavaScript -> Inclua caminho.
  3. Na guia Bibliotecas, clique em "Adicionar biblioteca JavaScript".
  4. Selecione "Biblioteca do usuário" -> "Configurar bibliotecas de usuários".
  5. Adicione todos os arquivos .js necessários, clique em OK e aguarde a conclusão do projeto.
  6. Você deve ter a conclusão do código de todos os arquivos da biblioteca que você adicionou ao editar seus próprios arquivos .js.

Adding .js Libraries to your project

For recent Eclipse versions (like my Indigo SR2), two things need to be done to get code assist for jQuery in a GAE project.

  1. Configure the project to be a JavaScript project by: Right click project -> Configure (right above Property) -> Convert to JavaScript Project

  2. Do right as Mr. Butterworth and jQuery autocompletion said, install the JSDT jQuery pluggin and add jQuery to the project's JavaScript Resources

Para o último lançamento do Eclipse Kepler, há mais uma opção a considerar qual é VJet javascript IDE. Originalmente desenvolvido no eBay e contribuiu recentemente para a Eclipse Foundation. Ainda está em fase de incubação, mas pode ser instalado no site de atualização noturna. A funcionalidade inicial é descrita em proposta 'VJet: JavaScript Toolkit'. Ele fornece ajuda ao conteúdo no editor JavaScript para várias bibliotecas JS, como:

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

Através dos Projetos VJet Anvils importado para o espaço de trabalho.

Como um complemento para as outras respostas, recomendo fortemente a instalação do Eclipse jshint plugin. Você pode configurá -lo por meio de preferências do projeto e funciona como um charme. Ele mostra avisos adicionais no editor JavaScript.

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

Você também pode passar para o TypeScript, pois o suporte ao eclipse agora é maduro (2015), o TypeScript é digitado e um IDE pode colher os benefícios (o conclusão automática funciona como um charme com Palantir).

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top