JSjet for Modern JavaScript in Eclipse (and TypeScript too!)

Create Modern JavaScript Code

JSjet brings modern JavaScript to Eclipse, including support for ES6. Quickly code with exceptional content assist, visualize code with syntax highlighting, call and type hierarchies, and so much more!

Trust Your Code

Have confidence in your code with instant code validation, source refactoring and an integrated JavaScript debugger that delivers the power and familiarity of the Eclipse Java debugger. 

Try it Now!

It’s free to try in Webclipse, MyEclipse and Angular IDE.

Note: TypeScript support in JSjet was introduced in version CI 6 of Webclipse and MyEclipse. Click here for more information.

Syntax Highlighting

Extensive syntax highlighting improves the readability of your JavaScript code, allowing you to quickly spot elements and greatly improve the overall coding experience. JSjet has a broad understanding of JavaScript, which allows for comprehensive highlighting with unique coloring based on semantics, including ES6.

Syntax highlighting within HTML files is remarkable—even the small bits of JavaScript in an onclick attribute are properly highlighted. If you are familiar with the ineffectual highlighting in Eclipse, JSjet is sure to impress.  

More on Syntax Highlighting

Intelligent Content Assist

The ability to quickly code with content assist is a must for the modern JavaScript developer. If you’ve found the content assist in Eclipse to be unreliable at best, you will be blown away by the advanced content assist in JSjet.

A powerful inference engine allows JSjet to build a more accurate model of JavaScript resources, resulting in a more exhaustive and accurate list of content proposals. Plus, you can get better content assistance along with documentation for a number of JavaScript technologies that you have the option to enable.

More on Content Assist

Fast and Accurate Validation

No more waiting to test your web application before knowing something isn’t quite right. Instant validation of your JavaScript, yes even ES6, immediately alerts you when there is a problem with your code.

Validation is both at the in-editor level as well as across your project. And don’t worry, unlike regular Eclipse taking minutes (hours?) to finish, JSjet validates huge projects in seconds!

Integrated Debugging

A powerful debugger is a must for any software development. JSjet includes a powerful JavaScript debugger that allows you to debug code from within Eclipse using the same interface as the Java debugger you love. For debugging web pages, JSjet’s Debugger integrates with Google Chrome giving you best in class support for page inspection alongside your integrated debugger.

If Node.JS is your preference, no problem, JSjet can debug it too! Watch productivity soar as you work with the external browser you prefer for a real-world rendering experience.

More on JavaScript Debugger

Call and Type Hierarchies

The Call Hierarchy view enables you to easily visualize the flow of your code by viewing all calls to and from a selected function. JSjet takes this handy view a step further by allowing you to view hierarchies for methods, fields and variables.

Another invaluable view is the Type Hierarchy. JSjet provides strong support for type hierarchies. This view will likely become a favorite if you are taking advantage of the new classes capability in ES6.

 

Source Refactoring

Like Java refactoring in Eclipse, inline and rapid refactoring support for JavaScript is critical to keeping projects clean and readable. Maybe you’ve avoided renaming in JavaScript or done it the hard way due to a mistrust of Eclipse’s rename refactoring capabilities. Don’t let your code get ugly, or worse, require extensive comments! Finally, there is JavaScript refactoring you can trust with accurate rename refactoring for variables and functions throughout your entire project.

Source Formatting

Quickly format either highlighted sections or the entire JavaScript file. JSjet includes a rich understanding of syntax, including ES6, resulting in proper indentation of your JavaScript code with a simple click of the mouse. 

 

More on Source Formatting

Jump to Declarations

JSjet’s inclusion of a reliable Open Declaration option is a real timesaver for the modern JavaScript developer. This is especially useful when working with a large number of libraries and you really don’t recall where a given function is coming from. Now it’s a breeze to jump to the declaration for the current object, whether a method, field, or function. This includes declarations in the current file or another file in the project. 

 

Better Visualization of Code

The ability to easily visualize elements in your code provides a nice way to navigate your project. Use the Outline view to clearly see the structure of a file in its entirety. JSjet includes rich support in the Outline view due to its thorough understanding of JavaScript, including ES6. Simply click an element in the outline to jump to that section in your code.

Occurrence Highlighting

The advanced understanding of JavaScript that makes the Outline view with JSjet so superior, also provides outstanding occurrence highlighting. Occurrence highlighting helps you understand the role of particular methods and variables in your JavaScript code. Click a variable or method in a file to view all occurrences of the selected item within the file. Combine this feature with the Outline view for a nice way to visualize and navigate code.