facebook
TypeScript in Eclipse: Code Mining

Programming with TypeScript in Eclipse

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It is designed for the development of large applications and is perfect for enterprise development. If you would like to include TypeScript in Eclipse, CodeMix provides all the tooling you need, from coding support to debugging.

CodeMix is an Eclipse plugin that delivers exceptional support for TypeScript in Eclipse, and gives you the ability to add Code-compatible extensions directly into Eclipse to further enhance your TypeScript coding experience. CodeMix is compatible with Eclipse-based IDEs and tools like MyEclipse, Spring Tools Suite, and JBoss Tools, so you can continue working in the environment you are accustomed to.

For a hands-on learning experience, check out CodeMix eLearning!

TypeScript Highlights

IntelliSense

Content assist suggestions appear as you type. When you use a suggestion to insert a class that hasn’t been imported, the import is added as well. Documentation popups present documentation when available, including the display of parameter info, as you type in a method’s parameters.

TypeScript in Eclipse: IntelliSense
Eclipse Photon + CodeMix

Other handy features include:

  • Code mining—Get valuable context information by viewing the number of references and implementations inline with your code.
  • Find references—Quickly view and navigate to references in your code. 
  • Snippets—Reduce the time required to write common pieces of code, or even boilerplate in some cases.
TypeScript in Eclipse: Snippets
Eclipse Photon + CodeMix

TypeScript Project Wizard

A wizard makes it simple to create a new TypeScript project, creating a sample TypeScript project with sample tsconfig.json and package.json configuration files. You can edit the tsconfig.json file to customize configuration

TypeScript in Eclipse: Wizards
Eclipse Photon + CodeMix

Refactoring

CodeMix provides several refactorings to help you produce cleaner code. The ability to rename symbols in your TypeScript source is popular, but there’s a lot more you can do! A number of refactoring options are available from the command palette, including the ability to extract code to methods and variables. 

TypeScript in Eclipse: Snippets
Eclipse Photon + CodeMix

Outline & Navigation

Quickly jump to symbols from the Outline view or Quick Outline. You can also quickly navigate through your code with Hyperlink navigation or the Go to Definition command.

TypeScript in Eclipse: Outline
Eclipse Photon + CodeMix

Building and Validation

With built-in support for TSLint, simply configure settings in the tslint.json file. Linting errors are displayed in the editor and quick fixes are provided when available. You also have the option to validate your TypeScript with an external tsc compiler using build pipeline support, or even use tsc support to transpile your TypeScript into JavaScript. 

TypeScript in Eclipse: Quick Fixes
Eclipse Photon + CodeMix with DevStyle