Existe um IDE com suporte explícito para AngularJS? [fechadas]

89

Eu tentei o WebStorm, mas parece haver apenas um suporte básico de JavaScript lá, como em qualquer outro IDE da web que tentei. Estou procurando algo que me permita clicar de páginas HTML para controladores etc.

Se a resposta for "não" a esta pergunta, existe algum outro framework JavaScript semelhante ao Angular que teria algo como um plugin do Eclipse ou qualquer outro tipo de suporte explícito em algum IDE?

javascript  ide  angularjs 
— Borek Bernard
fonte
3
Algum tipo de moderador poderia migrar isso para softwarerecs.stackexchange.com ?
— Mawg diz para restabelecer Monica em
Não testei, mas o Codelobster parece ter um plugin AngularJs também: codelobster.com/order.html
— Stefan

Respostas:

28

John Lindquist diz que fará um plugin para WebStorm: http://youtrack.jetbrains.com/issue/IDEA-84299

— kapsi
fonte
2
Tentei o plugin; é legal. Ele fornece intellisense para as palavras-chave do AngularJS. Parece ser o que John Lindquist está usando nos vídeos do AngularJS aqui: johnlindquist.com
— Jim Raden
A propósito, aqui está um link para o plug-in junto com algumas instruções sobre como instalá-lo: groups.google.com/forum/#!topic/angular/GyBSkDxZN9c A instalação é muito fácil - literalmente apenas alguns cliques.
— Jim Raden
Além do plugin do John, estou mantendo um conjunto de LiveTemplates para WebStorm no repositório GitHub: github.com/angularjs-livetpls/angularjs-webstorm-livetpls
— pkozlowski.opensource
25

O Visual Studio 2012 é de longe o melhor. Este tutorial usa o VS 2012 e foi muito útil para mim. Também existe uma versão Express gratuita.

O tutorial ajuda você a começar do zero, sem a necessidade de depender de plug-ins.

Outro ótimo projeto / tutorial de Angular JS usando Visual Studio

— monkeyjumps
fonte
5
@Imrul, vmichael está perspicazmente correto aqui. O VS 2012 realmente oferece suporte ao desenvolvimento de js angular. Embora tivesse a intenção de estender aplicativos .NET, parece ser totalmente útil para desenvolvimento puramente angular. Agradeço que você, ao contrário do outro votante negativo, tenha deixado uma mensagem, mas por favor, faça sua própria pesquisa antes de bater em pessoas bem-intencionadas.
— Dave Alperovich
O VS é, na verdade, um bom IDE para a web. Comecei a usá-lo trabalhando em um ambiente .NET e fiquei agradavelmente surpreso. Para desenvolvimento em Windows, funciona bem.
— março de
Um pouco de controle, mas o Visual Studio é uma das razões pelas quais gosto tanto de programar aplicativos .NET. Também para aplicativos da web, incluindo desenvolvimento AngularJS (com alguns ajustes).
— Nullius
14

Alguém está trabalhando no plugin do NetBeans para angular. Você pode vê-lo aqui: http://plugins.netbeans.org/plugin/40296/angularjs-tools

Também para Microsoft VisualStudio http://nuget.org/packages/AngularJsSeed/1.0.0-RC1

— Misko Hevery
fonte
Não vou usar o NetBeans de jeito nenhum, mas obrigado pela resposta :)
— Borek Bernard,
2
Então, para que exatamente você precisa do IDE? Quero dizer, angularJS é apenas HTML, CSS e JavaScript e a maioria dos IDEs consomem isso muito bem. Não tem certeza de que ter o preenchimento automático no ng * é um grande obstáculo?
— Misko Hevery
Oi Misko, Eu realmente gostaria de usar o autocomplete para ng.js no Net Beans, mas parece ignorar meu plug-in (já adicionei uma biblioteca não minimizada ao meu projeto). O benefício disso é que, sem o plugin, o Net Beans late para você ao tentar validar a marcação HTML (ng-view etc.). Alguma ideia sobre isso? Obrigado pela grande lib! Edit: Hmm ... Provavelmente perguntarei isso no site do plugin;)
— alquimicação
5
@MiskoHevery good IDE é muito útil e obrigatório. Você precisa rastrear diretivas, filtros, serviços (go-to-source). Você quer com um clique do html para ir para o controlador correspondente .. você quer uma boa complicação para as visualizações (diretivas ng e personalizadas). Tente construir um aplicativo grande do lado do cliente sem um bom IDE em uma equipe grande ou mesmo média sem IDE ..
— YardenST
14

A AngularUI escreveu plug-ins que oferecem suporte IDE completo para AngularJS (e opcionalmente AngularUI) para editores de texto Sublime Text 2 & 3 e TextMate.

Sublime Text 2 e 3
http://www.sublimetext.com/3

TextMate (somente Mac OS X)
http://macromates.com/download

AngularUI IDE Plugins
Sublime - https://github.com/angular-ui/AngularJS-sublime-package
TextMate - https://github.com/angular-ui/AngularJS.tmbundle

Você pode obter um guia de configuração completo para Sublime Text aqui (você estará pronto e funcionando em no máximo 5 minutos):
http://weblogs.asp.net/dwahlin/archive/2013/08/30/using-the-angularjs -package-for-sublime-text.aspx

Quando estou desenvolvendo os primeiros aplicativos de prova de conceito, gosto de usar o DropBox para armazenar meu código, de modo que possa ter acesso a tudo no trabalho e em casa. Além disso, se você armazenar seu projeto na Publicpasta, poderá gerar um url acessível publicamente para suas .htmlpáginas que serão renderizadas corretamente no navegador (ou seja, execute corretamente seu HTML, CSS e JS), essencialmente transformando o DropBox em uma espécie de provedor de hospedagem limitado.

Se decidir usar o Sublime, você pode baixar a versão portátil (não é necessário instalar) e salvá-la no DropBox também; desta forma, você tem acesso a todo o seu código E a um IDE AngularJS completo de onde quer que você use o DropBox. O que basicamente significa que você tem um ambiente de desenvolvimento completo na nuvem. Muito doce!

— GFoley83
fonte
Na verdade, o Webstorm tem suporte para AngularJS e muitas outras bibliotecas Javascript usando algo chamado "Definições de tipo de script". Aqui está como habilitar de outra pergunta: stackoverflow.com/questions/18876863/…
— sgarcia.dev
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.