Comment faire en sorte que angular2 fonctionne en eclipse avec un type

Je commençais donc à faire des recherches sur angular2 et, puisque j'ai vu tant de références à typecript préférées, j'essaie de passer de javascript. Le problème est que j'ai vu un joli petit guide que je pouvais suivre pour l'installer tout en éclipse (angulaire, javascript, tout le nécessaire pour lancer le code de guide de 5 minutes sur la page principale de l'angulaire), alors je l'ai fait et j'ai réussi à l'obtenir travail.

Maintenant, je voudrais faire la même chose avec le typecript, mais je me retrouve perdu car il ne semble pas fonctionner, je ne peux pas lancer le code, c'est comme node.js ne fonctionne plus, mais comme je ne sais pas Quel résultat attendu, je ne suis pas sûr de ce qui manque.

Par exemple, j'ai fait le guide de 5 minutes et je remarque une différence que je n'ai pas l'installation des modules, ni aucune configuration d'exécution prête, en fait, je ne parviens pas à exécuter comme n'importe quel code dactylographié que j'essaie faire.

Ce que j'ai fait était:

1- Installez Eclipse Mars, d'autres types utilisent d'anciennes versions

2- Installer Node.js

3- Installer WildFly Server

4- Installer le plugin TypeScript https://marketplace.eclipse.org/content/typescript

5- Importez mon projet dans eclipse, vous devrez peut-être créer un nouveau projet Web statique et ajouter vos fichiers là-bas. Le démarrage rapide de 5 minutes n'est pas un projet Web eclipse, donc vous ne pouvez pas importer cela. N'oubliez pas de copier et de passer la même structure avec les modules de noeud que vous avez

6- Cliquez avec le bouton droit de la souris sur le projet> Configurer> Activer le générateur de caractères de type

7- Cliquez avec le bouton droit sur le projet> Propriétés> TypeScript> Compiler et configurez comme suit:

Entrez la description de l'image ici

J'espère que cela le fera pour vous.

Rappelez-vous, ce plugin ne respecte pas le fichier de configuration de json, donc vous devez le faire manuellement comme dans la capture d'écran. En outre, si vous allez fournir des arguments à votre constructeur de composants, vous aurez des erreurs. Faites-moi savoir si vous les avez. Une autre chose à mentionner est que l'utilisation de quelques annotations comme @Input ne fonctionnera pas, vous devrez utiliser les entrées: [] dans votre annotation @Component.

Vous pouvez essayer d'ajouter ces plugins sur Mars:

Ces 2 sont en incubation mais offrent déjà de bonnes fonctionnalités. Il y en a un autre, que je n'ai pas essayé mais qui a une certaine popularité:

Eclipse> = Neon

Eclipse Oxygen

Installation javascript par défaut, puis ajouté le plugin gratuit par défaut pour angular 2 / typecript à partir d'ici:

Angular2.ide – http://oss.opensagres.fr/angular2-eclipse/1.3.0/

Après l'installation, j'ai ouvert un projet Angular 4 / TS existant, fonctionné correctement. J'ai ensuite installé le support pour .scss à partir de http://www.liclipse.com/text/updates . Toutes les configurations et configurés avec TypScript 2.4.1 / nodejs v6.9.4.

Mais en quelques jours, il ne peut plus ouvrir de fichiers .ts. La réinstallation du plugin ng ne l'a pas corrigé, j'ai désinstallé le plugin liclipse et aucun changement non plus. Il en résulte que l'éclipse est inutilisable pour les projets ng4 tels quels.

Les journaux montrent les erreurs suivantes.

 org.eclipse.core.runtime.CoreException: Plug-in "ts.eclipse.ide.jsdt.ui" was unable to instantiate class "ts.eclipse.ide.jsdt.internal.ui.editor.TypeScriptEditor". at org.eclipse.core.internal.registry.osgi.RegistryStrategyOSGI.throwException(RegistryStrategyOSGI.java:194) at org.eclipse.core.internal.registry.osgi.RegistryStrategyOSGI.createExecutableExtension(RegistryStrategyOSGI.java:188) at org.eclipse.core.internal.registry.ExtensionRegistry.createExecutableExtension(ExtensionRegistry.java:905) ... Caused by: java.lang.NoClassDefFoundError: org/eclipse/wst/jsdt/ui/text/JavaScriptSourceViewerConfiguration at java.lang.Class.getDeclaredConstructors0(Native Method) at java.lang.Class.privateGetDeclaredConstructors(Unknown Source) ... Caused by: java.lang.ClassNotFoundException: An error occurred while automatically activating bundle org.eclipse.wst.jsdt.ui (441). at org.eclipse.osgi.internal.hooks.EclipseLazyStarter.postFindLocalClass(EclipseLazyStarter.java:112) at org.eclipse.osgi.internal.loader.classpath.ClasspathManager.findLocalClass(ClasspathManager.java:529) ... Caused by: java.lang.ClassFormatError: Name index 1 in LocalVariableTable has bad constant type in class file org/eclipse/wst/jsdt/internal/core/JavaModelManager 

J'ai trouvé le plugin TypeEcs pour type

Il fournit ci-dessous.

• Mise en surbrillance de la syntaxe

• Achèvement du code

• Code Outline

• Trouver des références

• Renommer / Refactor

• Type ouvert

• Compilation de code

• Format Code

• Code de commentaire

• Déclaration ouverte

• Mark Occurences

• Type Script Debug