Как получить angular2 для работы в eclipse с typescript

Итак, я начал исследовать angular2, и поскольку я видел так много ссылок на предпочитаемый typescript, я пытаюсь переключиться на него с javascript. Проблема в том, что я увидел хорошее небольшое руководство, которому я мог следовать, чтобы установить все это в eclipse (angular, javascript, все необходимое для запуска 5-минутного кода руководства на главной странице angular), поэтому я сделал это и сумел заставить его работать.

теперь я хотел бы сделать то же самое с typescript, но я теряюсь с тех пор кажется, не работает, я не могу запустить код, это как узел.js больше не работает, но поскольку я не знаю, каков ожидаемый результат, я не уверен, чего не хватает.

например, я сделал 5-минутное руководство и заметил, как разница в том, что у меня нет установки модулей, ни какой-либо конфигурации запуска, готовой, на самом деле, я не могу запустить как любой код typescript, который я пытаюсь сделать.

11
angular eclipse javascript typescript

5 ответов

Что я сделал:

1-Установите Eclipse Mars, другие ребята используют более старые версии

2-Установить Узел.js

3-Установить Сервер WildFly

4-установить плагин TypeScripthttps://marketplace.eclipse.org/content/typescript

5 - импортируйте мой проект в eclipse, возможно, вам придется создать новый статический веб-проект и добавить туда свои файлы. 5-минутный быстрый запуск не является веб-проектом eclipse, поэтому вы не можете быть возможность импортировать это. Не забудьте скопировать и пройти ту же структуру с модулями узлов, которые у вас есть

6-щелкните правой кнопкой мыши проект > настройка > включить TypeScript Builder

7 - щелкните правой кнопкой мыши проект > свойства > TypeScript > компилятор и настройте следующим образом:

enter image description here

Я надеюсь, что это сделает это для вас.

помните, что этот плагин не уважает файл конфигурации json, поэтому вам нужно сделать это вручную как на скриншоте. Кроме того, если вы собираетесь предоставить аргументы конструктору компонента, у вас будут ошибки. Дай мне знать, если они у тебя есть. Другое дело, что использование некоторых аннотаций, таких как @Input, не будет работать, вам придется использовать inputs:[] внутри аннотации @Component.

12

вы можете попробовать добавить эти плагины поверх Mars:

эти 2 инкубируют, но уже обеспечивают хорошие функции. Есть еще один, который я не пробовал, но который имеет некоторую популярность:

6

Затмение >= Неон

1

Затмение Кислорода

установка javascript по умолчанию, затем добавлен бесплатный плагин по умолчанию для angular 2 / typescript отсюда:

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

после установки я открыл существующий проект Angular 4 / TS, работал нормально. Затем я установил поддержку .scss от http://www.liclipse.com/text/updates. Все настройки и настройки с помощью Typescript 2.4.1 / nodejs В6.9.4.

но в течение нескольких дней он теперь не открывается .TS файлы во все. Переустановка плагина ng не исправила его, я удалил плагин liclipse и никаких изменений. Это в основном оставляет eclipse непригодным для проектов ng4, как есть.

в журналах отображаются следующие ошибки. 

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
0

Я нашел TypeEcs плагин для Typescript

оно обеспечивает ниже.

•подсветка синтаксиса

•Код Завершения

•Определить Код

•Найти Ссылки

•Переименовать / Рефакторинг

•Открытого Типа

•Компиляция Кода

•Формат Код

•Комментарий Код

•Открытый Декларации

* Марк Occurences

* Введите Скрипт Debug

-1