Wie man angular2 in der Eclipse mit typescript

Question

arbeiten So fing ich an, über angular2 zu erforschen und da ich so viele Verweise auf Typoskript gesehen habe, das bevorzugt wird, versuche ich, es von Javascript zu wechseln. Das Problem ist, ich sah eine nette kleine Anleitung, die ich folgen konnte, um alles in Eclipse zu installieren (eckig, Javascript, alles, um den 5-Minuten-Guide-Code auf der Hauptseite von angular zu starten), also tat ich es und schaffte es, es zu bekommen Arbeit.

Jetzt möchte ich das gleiche mit Typoskript tun, aber ich finde mich verloren, da es nicht zu funktionieren scheint, kann ich Code nicht starten, es ist wie node.js funktioniert nicht mehr, aber seit Ich weiß nicht, was das erwartete Ergebnis ist, ich bin mir nicht sicher, was fehlt.

Zum Beispiel habe ich die 5-Minuten-Anleitung und beachten Sie als ein Unterschied, dass ich nicht die Installation der Module, noch irgendwelche Run-as-Konfiguration bereit, tatsächlich kann ich nicht verwalten, als irgendwelche Typoskript-Code versuche ich zu tun.

Answer 1

Was ich tat, war:

1- Installieren Sie Eclipse-Mars, anderen Jungs ältere Versionen verwendet

2- Installieren Node.js

3- Installieren Wildfly Server

4- Installieren Typoskript Plugin https://marketplace.eclipse.org/content/typescript

5- mein Projekt in Eclipse importieren, können Sie ein neues statisches Web-Projekt erstellen müssen und Ihre Dateien dort hinzuzufügen. Der 5-minütige Schnellstart ist kein Eclipse-Webprojekt, daher können Sie das nicht importieren. Vergessen Sie nicht, und vorbei an der gleichen Struktur mit den Knotenmodule zu kopieren, die Sie

6- Rechtsklick auf das Projekt> Konfigurieren> Aktivieren Typoskript Builder

7- Rechtsklick auf das Projekt> Eigenschaften haben> Typoskript> Compiler und konfigurieren Sie wie folgt vor:

ich hoffe, das wird es für Sie tun.

Denken Sie daran, dieses Plugin nicht json Konfigurationsdatei respektieren, so müssen Sie dies manuell tun, wie im Screenshot. Wenn Sie Ihrem Komponentenkonstruktor Argumente zur Verfügung stellen, haben Sie außerdem Fehler. Lass es mich wissen, wenn du welche hast. Eine andere Sache zu erwähnen ist, dass die Verwendung einiger Annotationen wie @Input nicht funktioniert, Sie müssen Eingaben verwenden: [] in Ihrer @ Komponent Annotation.

Answer 2

Sie können versuchen, diese Plugins oben auf dem Mars hinzuzufügen:

• https://github.com/angelozerr/angular2-eclipse
• https://github.com/angelozerr/typescript.java

Die 2 Inkubation aber bereits gute Features. Es ist eine andere, dass ich nicht versucht haben, die aber hat einige Popularität:

• https://github.com/palantir/eclipse-typescript

Answer 3

Eclipse-> = Neon

• sudo npm install -g angular-cli (ng help muss arbeiten)
• See: https://github.com/angelozerr/angular2-eclipse
• es installieren und starten Sie Eclipse-
• Öffnen Sie eine .ts Datei

Answer 4

I gefunden TypeEcs Plugin für Typescri pt

es unten zur Verfügung stellen.

• Syntax Hervorhebung

• Code Completion

• Code-Entwurf

• Referenzen finden

• Umbenennen/Umgestalten

• Open Type

• Code Compilation

• Format-Code

• Kommentar-Code

• Offene Erklärung

• Mark Ereignisse

• Typ Script Debug

Answer 5

Eclipse-Oxygen

Standard JavaScript-Installation, dann hat der Standard frei hinzugefügt Plug-In für Winkel 2/Typoskript von hier:

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

Nach der Installation ich eine bestehende Angular 4/TS Projekt geöffnet, hat gut funktioniert. Ich habe dann Unterstützung für .scss von http://www.liclipse.com/text/updates installiert. Alles eingerichtet und konfiguriert mit Typescript 2.4.1/nodejs v6.9.4.

Aber innerhalb von Tagen kann es jetzt nicht öffnen .ts Dateien überhaupt. Die Neuinstallation des ng-Plugins hat es nicht behoben, ich habe das Plugin liclipse deinstalliert und auch keine Änderung. Es lässt Eclipse grundsätzlich für ng4-Projekte unbrauchbar.

Die Protokolle zeigen die folgenden Fehler.

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