web-dev-qa-db-fra.com

Configuration de angularjs avec Eclipse IDE

Je souhaite commencer à utiliser AngularJs et Java Spring à des fins de développement. J'utilise Eclipse en tant que IDE. Je souhaite configurer mon Eclipse pour que ces frameworks fonctionnent de manière transparente.

Je sais que je demande peut-être trop, mais croyez-moi, j'ai fait beaucoup de recherches de ma part et vous êtes mon dernier recours. Toute aide serait très appréciée.

42
Vikash

Vous voudriez d’abord vous assurer que vous avez installé le JSDT .

La prochaine étape consiste à installer des outils dédiés à cette tâche. Vérifiez donc AngularJS Eclipse Tools . Les modèles Eclipse AngularJS pourraient également vous être utiles. Voici un guide visuel rédigé à cet effet pour vous aider à démarrer.

Voir également la page de démarrage d’AngularJS Eclipse }.


Depuis que cette réponse a été postée, le plugin AngularJS Eclipse } a été publié, comme indiqué dans d'autres réponses. Vous voudrez peut-être vérifier d'abord.

34
Eliran Malka

Maintenant, vous pouvez voir les tags Angularjs disponibles comme indiqué ci-dessous.

AngularJS Tags are available.

32
Chandra Sekhar
  1. Assurez-vous que le projet est extrait sur votre disque dur. 
  2. Dans Eclipse, allez dans le menu: Fichier-> Nouveau-> Projet. 
  3. Sélectionnez "Général-> Projet" et cliquez sur le bouton suivant. 
  4. Entrez le nom du projet dans le champ "Nom du projet:" 
  5. Désactiver "Utiliser l'emplacement par défaut" Cliquez sur le bouton "Parcourir ..." et sélectionnez le dossier contenant le projet (celui de l'étape 1). 
  6. Cliquez sur le bouton "Terminer" 
  7. Cliquez avec le bouton droit de la souris sur votre nouveau projet et cliquez sur "Configurer-> Convertir en projet AngularJS .." 
  8. Activez vos goodies de projet et cliquez sur le bouton "OK".
2
Akhil S

Netbeans 8.0 (version bêta au moment de cette publication) prend en charge Angular et HTML5. 

Découvrez cet article Oracle: https://blogs.Oracle.com/geertjan/entry/integrated_angularjs_development

2
Jmakuc

Téléchargez js angulaire à partir de ce lien et ajoutez le nouveau logiciel dans Eclipse http://oss.opensagres.fr/angularjs-Eclipse/0.6.0/

1
chandresh

Depuis ces réponses précédentes ci-dessus, il existe maintenant une version d'un plugin Eclipse pour aider au développement avec AngularJS:

https://marketplace.Eclipse.org/content/angularjs-Eclipsehttps://github.com/angelozs/Eclipse/wiki/Installation---Update-Site ( jetez un coup d’œil aux autres pages du wiki pour plus d’informations sur les fonctionnalités)

La version au moment de la réponse est 0.1.0.

Veuillez également consulter JSDT ( http://www.Eclipse.org/webtools/jsdt/ ) ainsi que Eclipse VJET ( http://Eclipse.org/vjet/ ). Le projet VJET semble être une tentative pour fournir de meilleurs jeux de fonctionnalités à l'éditeur sans être encombré par le projet JSDT (la politique open source en jeu, je suppose).

1
Darryl Miles

La configuration a fonctionné avec la version Eclipse Mars 4.5.

1) Installez Eclipse Mars 4.5 à partir de https://Eclipse.org/downloads/packages/Eclipse-ide-Java-ee-developers/mars2 Il s’agit d’un serveur Tern et de Node.js

2) Installer le plugin AngularJS Eclipse à partir du marché Eclipse

3) Configurez le serveur node.js sur le serveur nodej intégré dans Eclipse (situé dans le dossier des plugins Eclipse) sous Windows-> Préférences -> JavaScript -> Tern -> Serveur -> node.js. Aucune configuration supplémentaire n'est requise.

4) Testez la configuration dans un fichier html ou javascript. https://github.com/angelozerr/angularjs-Eclipse

0
Kiran

Avec les versions actuelles Angular 4 et 5, il existe un IDE pour cela.

Allez sur le marché Eclipse pour n’importe quelle recherche de 'Angular'. Vous verrez le IDE et l'installerez.

 enter image description here

Après cela, redémarrez Eclipse et suivez les messages de bienvenue pour choisir les préférences.

Comment commencer à utiliser Eclipse avec des projets angulaires?

Considérant que vous avez déjà un projet angulaire et que vous souhaitez l'importer dans Eclipse.

aller à file > import > choose Angular Project

 enter image description here

et il serait préférable d’avoir vos projets dans un ensemble de travail séparé afin de ne pas le confondre avec d’autres types de projets (comme Java).

Avec Angular IDE, vous aurez aussi une fenêtre de terminal.

Pour ouvrir ce terminal de type dans la boîte de recherche Eclipse (accès rapide) dans le coin supérieur droit. 

 enter image description here

0
tadtab