JSjet for Modern JavaScript in Eclipse (and TypeScript too!)
Create Modern JavaScript Code
Trust Your Code
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.