2016-03-09 9 views
10

Così stavo iniziando a fare ricerche su angular2 e visto che ho visto così tanti riferimenti al dattiloscritto da preferire sto cercando di passare ad esso da javascript. Il problema è che ho visto una piccola guida che potrei seguire per installarlo tutto in eclissi (angolare, javascript, tutto il necessario per lanciare il codice guida di 5 minuti sulla pagina principale di angolare), così l'ho fatto e sono riuscito a farlo lavoro.Come far funzionare angular2 in eclissi con dattiloscritto

Ora mi piacerebbe fare lo stesso con dattiloscritto, ma mi ritrovo perso perché non sembra funzionare, non posso lanciare il codice, è come se node.js non funzioni più, ma da allora Non so quale sia il risultato previsto, non sono sicuro di ciò che manca.

Ad esempio, ho fatto la guida di 5 minuti e noto come differenza che non ho l'installazione dei moduli, né alcuna configurazione run-as ready, infatti, non riesco a correre come qualsiasi codice dattiloscritto che cerco di fare.

+0

Hai provato VS Code? –

+0

No, ne ho appena sentito parlare oggi, così grande coincidenza ne hai parlato. Sembra che sia un po 'usato frequentemente per questo, ma mi è stato detto che le licenze sono richieste, il che suppongo implichi dei soldi. Hai usato? È un miglioramento rispetto ad altre opzioni e in che senso? –

+0

È completamente open source! Ed è il miglior "IDE" per TypeScript, che ho provato. Molto meglio del plugin Eclipse. –

risposta

11

Quello che ho fatto è stato:

1- installare Eclipse Marte, altri ragazzi utilizza versioni precedenti

2- Installare Node.js

3- Installare wildfly Server

4- Installare dattiloscritto plug https://marketplace.eclipse.org/content/typescript

5- Importa il mio progetto in Eclipse, potrebbe essere necessario creare un nuovo progetto Web statico e aggiungere i tuoi file in là. L'avvio rapido di 5 minuti non è un progetto Web di eclissi, quindi potresti non essere in grado di importarlo. Non dimenticare di copiare e incollare la stessa struttura con i moduli dei nodi che avete

6- Fare clic destro sul progetto> Configura> Abilita tipografico Builder

7- Tasto destro del mouse il progetto> Proprietà> Carattere tipografico> Compiler e configurare come segue:

enter image description here

spero che questo lo farà per voi.

Ricorda, questo plugin non rispetta il file di configurazione di JSON, quindi devi farlo manualmente come nello screenshot. Inoltre, se hai intenzione di fornire argomenti al costruttore del tuo componente, avrai degli errori. Fammi sapere se ce l'hai. Un'altra cosa da ricordare è che l'utilizzo di alcune annotazioni come @Input non funzionerà, sarà necessario utilizzare gli input: [] all'interno dell'annotazione @Component.

+0

Volevo ringraziarvi, questo sta funzionando molto meglio dell'altro plugin che ho avuto. Ti dispiacerebbe dirmi come "ottenere" i moduli? Quando l'ho fatto con javascript, seguendo il tutorial di 5 minuti, sono stati scaricati. Ora, eclipse si lamenta di quasi ogni riferimento che "Impossibile trovare il modulo 'angular2/core'.", E vedo persone in altre piattaforme in cui il loro package.json non è configurato correttamente, ma dovrebbe essere nel mio caso. –

+0

Bene, mi sono appena ricordato che devo fare il run-to the package.json così fa l'installazione di npm. Ho anche creato un nuovo progetto come progetto web statico –

+0

Mi manca un concetto qui, questo probabilmente richiede un altro thread/domanda, ma, ora che ho il codice e i moduli, come potrei andare per eseguirlo e vederlo in un browser web e inizia a guardare cosa fa effettivamente? Quando lo stavo facendo con Javascript, corro come nodo applicaction in qualcosa chiamato "lite-server", ma con dattiloscritto sembra essere diverso? –

6

Si può provare ad aggiungere questi plugin sulla parte superiore di Marte:

Coloro 2 sono incubando ma già forniscono buone caratteristiche. V'è un altro, che non ho provato ma che ha una certa popolarità:

+0

Cosa ne pensi di Eclipse Neon, la (ora) la versione più recente di Eclipse? È consigliabile utilizzare questo IDE insieme a Angular 2? – Pille

+1

Sì, Eclipse Neon ha molti miglioramenti per JavaScript e famiglia. Usando Eclipse Neon + uno dei plugin menzionati è meglio che usare lo stesso plug-in Mars +. – Mickael

+0

typescript.java usa JSDT per la colorazione della sintassi, quindi se usi Eclipse Neon, avrai un miglioramento per la colorazione (come l'importazione ES6) – Angelo

-1

ho trovato TypeEcs plug-in per Typescri pt

fornisce di seguito.

• evidenziazione della sintassi

• Completamento del codice

• codice di struttura

• trovare riferimenti

• Rinomina/Refactor

• Open Type

• Codice Compilation

• Codice Formato

• Commento Codice

• dichiarazione aperta

• Mark occorrenze

• Tipo di script di debug

0

Eclipse ossigeno

predefinito javascript installazione, poi ha aggiunto il valore predefinito gratuito Plugin per angolare 2/dattiloscritto da qui:

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

Dopo l'installazione ho aperto un angolare progetto di 4/TS esistente, ha funzionato bene. Ho quindi installato il supporto per .scss da http://www.liclipse.com/text/updates. Tutto configurato e configurato con Typescript 2.4.1/nodejs v6.9.4.

Ma in pochi giorni non riesce a aprire affatto i file .ts. La reinstallazione del plugin ng non ha risolto il problema, ho disinstallato il plug-in liclipse e nessuna modifica. In pratica lascia Eclipse inutilizzabile per i progetti ng4 così com'è.

I registri mostrano i seguenti errori.

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

Sembra che JSDT e liclipse (che fornisce anche il supporto per JavaScript) non siano compatibili. Ti suggerisco di disinstallare liclipse. – Angelo