Existe-t-il un IDE avec un support explicite pour AngularJS? [fermé]

89

J'ai essayé WebStorm mais il ne semble y avoir qu'un support JavaScript de base, comme dans n'importe quel autre IDE Web que j'ai essayé. Je recherche quelque chose qui me permettrait de cliquer sur des pages HTML vers des contrôleurs, etc.

Si la réponse est "non" à cette question, existe-t-il un autre framework JavaScript similaire à Angular qui aurait quelque chose comme un plugin Eclipse ou tout autre type de support explicite dans un IDE?

javascript  ide  angularjs 
— Borek Bernard
source
3
Un bail modérateur pourrait-il migrer cela vers softwarerecs.stackexchange.com ?
— Mawg dit de réintégrer Monica le
Je ne l'ai pas testé mais Codelobster semble aussi avoir un plugin AngularJs: codelobster.com/order.html
— Stefan

Réponses:

28

John Lindquist dit qu'il va créer un plugin pour WebStorm: http://youtrack.jetbrains.com/issue/IDEA-84299

— kapsi
source
2
J'ai essayé le plugin; c'est bien. Il fournit une intelligence pour les mots-clés AngularJS. Cela semble être ce que John Lindquist utilise dans les vidéos AngularJS ici: johnlindquist.com
— Jim Raden
En passant, voici un lien vers le plugin avec quelques instructions sur la façon de l'installer: groups.google.com/forum/#!topic/angular/GyBSkDxZN9c L'installation est très simple - littéralement juste une poignée de clics.
— Jim Raden
En plus du plugin de John, je gère un ensemble de LiveTemplates pour WebStorm dans le référentiel GitHub: github.com/angularjs-livetpls/angularjs-webstorm-livetpls
— pkozlowski.opensource
25

Visual Studio 2012 est de loin le meilleur. Ce tutoriel utilise VS 2012 et m'a été très utile. Il existe également une version Express gratuite.

Le didacticiel vous aide à démarrer à partir de zéro sans avoir à vous fier à des plugins.

Un autre excellent projet / didacticiel Angular JS utilisant Visual Studio

— singe saute
source
5
@Imrul, vmichael est parfaitement correct ici. VS 2012 prend en effet en charge le développement angular js. Alors qu'il était destiné à étendre les applications .NET, il semble être entièrement utilisable pour un développement purement angulaire. J'apprécie que vous, contrairement à l'autre électeur à la baisse, ayez laissé un message, mais s'il vous plaît faites vos propres recherches avant de claquer des gens bien intentionnés.
— Dave Alperovich
VS est en fait un très bon IDE pour le Web. J'ai commencé à l'utiliser en travaillant dans un environnement .NET et j'ai été agréablement surpris. Pour développer sous Windows, cela fonctionne bien.
— mdance
Un peu de piste, mais Visual Studio est l'une des raisons pour lesquelles j'aime tant programmer des applications .NET. Aussi pour les applications Web, y compris le développement AngularJS (avec quelques ajustements).
— Nullius
14

Quelqu'un travaille dans le plugin NetBeans pour angular. Vous pouvez le voir ici: http://plugins.netbeans.org/plugin/40296/angularjs-tools

Aussi pour Microsoft VisualStudio http://nuget.org/packages/AngularJsSeed/1.0.0-RC1

— Misko Hevery
source
Je ne vais pas utiliser NetBeans mais merci pour la réponse :)
— Borek Bernard
2
Alors, pourquoi avez-vous exactement besoin de l'EDI? Je veux dire que angularJS n'est que HTML, CSS et JavaScript et la plupart des IDE le consommeront très bien. Vous n'êtes pas sûr que la saisie semi-automatique sur le ng * soit un tel compromis?
— Misko Hevery
Salut Misko, j'aimerais en fait utiliser la saisie semi-automatique pour ng.js dans Net Beans mais il semble ignorer mon plugin (bibliothèque déjà ajoutée non minifiée à mon projet). L'avantage de ceci est que sans le plugin Net Beans vous aboie en essayant de valider le balisage HTML (ng-view etc.) Des idées à ce sujet? Merci pour l'excellente lib! Edit: Hmm ... demandera probablement cela sur le site du plugin;)
— alchemication
5
@MiskoHevery bon IDE est très utile et indispensable. Vous devez suivre les directives, les filtres, les services (aller à la source). Vous voulez en un clic du html aller au contrôleur correspondant .. vous voulez une bonne complication pour les vues (ng-directives et custom). Essayez de créer une grande application côté client sans un bon IDE dans une grande équipe ou même une application moyenne sans IDE ..
— YardenST
14

AngularUI a écrit des plugins qui offrent une prise en charge complète de l'IDE AngularJS (et éventuellement AngularUI) pour les éditeurs de texte Sublime Text 2 & 3 et TextMate.

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

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

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

Vous pouvez obtenir un guide d'installation complet pour Sublime Text ici (vous serez opérationnel en 5 minutes maximum):
http://weblogs.asp.net/dwahlin/archive/2013/08/30/using-the-angularjs -package-pour-sublime-text.aspx

Lorsque je développe des applications de preuve de concepts précoces, j'aime utiliser DropBox pour stocker mon code afin de pouvoir accéder à tout au travail et à la maison. De plus, si vous stockez votre projet dans le Publicdossier, vous pouvez générer une URL accessible au public pour vos .htmlpages qui s'affichera correctement dans le navigateur (c'est-à-dire exécutera correctement votre HTML, CSS et JS), transformant essentiellement DropBox en une sorte de fournisseur d'hébergement limité.

Si vous décidez d'utiliser Sublime, vous pouvez télécharger la version portable (aucune installation requise) et l'enregistrer dans DropBox également; de cette façon, vous avez accès à tout votre code ET à un IDE AngularJS complet de partout où vous utilisez DropBox. Ce qui signifie essentiellement que vous disposez d'un environnement de développement complet dans le cloud. Plutôt doux!

— GFoley83
source
En fait, Webstorm prend en charge AngularJS et de nombreuses autres bibliothèques Javascript utilisant quelque chose appelé "définitions Typescript". Voici comment activer à partir d'une autre question: stackoverflow.com/questions/18876863/…
— sgarcia.dev
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.