Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn
Aaron Lara
I'm a Java developer who drinks coffee and transforms it in code (Awesome, right?!). I have been working at genuitec as a developer since December, 2011. Programming really cool stuff :) ... Ah I'm a gamer, so if you want to play something in steam just let me know :D

Update: Since this article was initially published, Genuitec has added advanced TypeScript support to their free Eclipse plugin, Webclipse. Give it a try!

TypeScript is an open source superset of JavaScript that adds class based objects that compile to JavaScript plain code. Currently there are two main options to support TypeScript in Eclipse. I’m going to discuss their features and pros and cons of each.

Palantir’s TypeScript (Version 1.6.0.v20151006)

This plugin offers minimal support for TypeScript and uses the official TypeScript compiler.

palantir

Example of Palantir’s TypeScript

Pros

  • Installation is simple

Cons

  • Outline view doesn’t display return type and arguments for methods
  • “Open definition” doesn’t work for standard types and it doesn’t support definitions file
  • Limited documentation

TypEcs (Version 4.0)

This plugin polishes some of the rough edges of the Palantir plugin and adds some interesting features like debug support for Node.js and web apps.

typecs

Example of TypEcs TypeScript

Pros

  • Installation is simple
  • Better highlighting support than Palantir plugin
  • Adds New>TypeScript file menu item
  • Open Declaration works as expected
  • Debug support for Node.js and web projects
  • More attractive TypeScript file icons
  • Helpful documentation with screenshots and feature descriptions
  • Continuous updates

Cons

  • Outline view doesn’t display return type and arguments for methods

Comparison of Features

The following table shows the features for both of the plugins:


Palantir

TypEcs

Code completion

Compile-on-save

Cross-project compilation

Error annotations/markers

Find references

Format code

Highlight matching brace

Hover for JSDoc

Mark occurrences

Open definition

Outline view

Quick outline

Rename refactor

Syntax highlighting

Task tags

Toggle comment

Node.js and WebRemote debug support

Conclusion

The current options for supporting TypeScript in Eclipse are limited. In my opinion, the best option is to use TypEcs for TypeScript support in Eclipse since it improves upon Palantir’s plugin by adding the debug support for Node.js and WebRemote. 

Thanks to Sal Cabrera for his assistance in this article. 

Related Posts

Update RE: MyEclipse and Oracle JDK There is a lot of concern regarding Oracle JDK in Enterprises, in particular with the new licensing model that is now in effect. If you are immediately required to discontinue use of all Oracle JDKs, scroll to the end for steps to facilitate that change. If you can wait just a little bit, it’s important to clarify a few key points. For context, you...
MyEclipse 2018.12 – Start off the New Year o... Did you miss the MyEclipse 2018.12 release around the holidays? Besides the usual complement of bug fixes, we’ve been able to fix some long standing performance issues, and make some fixes for Java 10 as well. If you’re using MyEclipse 2018, this is a release you’ll want to pick up.Performance FixesSlow JSP Typing - you’re too fast for the IDE (NOT...
Top Vue Courses – Our Picks Front-end developers, ready to make your lives easier with a progressive framework? Vue.js allows you to build user interfaces and impressive SPAs efficiently, so it might be the perfect time to start learning it. Vue does have great documentation, but if you’d like to go the extra mile, check out the list of courses that we’ve put together for you...
CodeMix – Faster Startup and Live Chat in th... Who doesn’t want a faster IDE? To help you enjoy more of the holiday season, this release brings with it some key performance fixes, and a quicker way to get support via Live Chat. More below …Performance FixesBy registering projects with CodeMix only when actually required, we’ve reduced the startup load on the CodeMix engine, as well as improved ...

Posted on Nov 24th 2015