Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn
Nataliya Muriy
Marketing Content Creator - you name it, she'll write it!
Posted on Jul 31st 2017

Update: Webclipse has now been transformed into CodeMix.

So you already know about some cool features our Webclipse has to offer, like CodeLive or Emmet. Here is one more reason for you to put your trust in this Eclipse plug-in — it comes equipped with JSjet, our tool that simplifies web scripting for JavaScript (JS) and TypeScript (TS). Not only will you be able to code more easily, but also have full confidence in your code. JSjet makes this possible thanks to a great variety of its traits, most of them applicable to both JS and TS.

In the XXI century, when speed and efficiency are key, JSjet is your best friend, whether you have switched to TS or are just beginning to get familiar with it, or continue being loyal to JS. It will help you code better by being able to see your code in a whole new way, thanks to features like the Outline View, Syntax Highlighting, Occurrence Highlighting, and Jump to Declarations.

JSSyntaxHighlighting

First of all, if you can see the diverse elements of your code better, your project navigation is taken to an entirely new level, thus making you so much more productive. Outline View shows you the complete structure of a file. Looking for a particular element? That’s when Syntax Highlighting comes in: even the smallest element of code gets its particular color based on its syntax. Need a deeper understanding of what role specific methods and variables play in your code? Occurrence Highlighting is just what you need. Can’t remember which library you got a function from? No worries – Jump to Declarations will save the day.

It doesn’t end here. Your project will stay totally manageable, giving your efficiency a boost, with Source Refactoring and Source Formatting. Keep your code good-looking with rename refactoring that does make sense. Same goes for the formatting of your entire JS or TS file (or just a section of it, if that’s what you need) — your code will be indented correctly.

JSValidation

After all the hard work, you will want all your efforts to pay off — you want to make sure your code runs properly. This is where validation and debugging come in. There’s no more need to wait to check if your app works: even big projects are validated in seconds with JSjet, yes, seconds, both inside your editor and in your whole project. Code can also be debugged right inside Eclipse. The best part — it has the same interface as your beloved Java debugger. If it’s a webpage you need to debug, our integrated debugger works directly with Google Chrome; as a result, you get the best class support. It’s also applicable to Node.JS. Get familiar with how to use it by visiting our Learning Center. To learn how to debug your TS app, take a look here.

No matter which task you are on, you can put your faith in our Intelligent Content Assist. JSjet, with its incredible inference engine, lets you enjoy a more complete and correct list of content proposals thanks to an improved model of JS resources. You also get access to documentation for a variety of JS technologies. If TS is your preferred language, then you get an automatic installation of npm and a content assist that’s aware of your modules, resulting in much more efficient coding. Click here to learn how to use it.

Now, for those who are staying true to JS, Call and Type Hierarchies views make life easier. Not only can you can you view all calls to and from a selected function, but you can also do it for methods, fields and variables. Type hierarchies also got awesome support with JSjet. You’ll love this view, especially if you are taking advantage of the classes capability in ES6.

As you can see, there’s no reason for your webscripting not to reach a modern level of coolness and efficiency. Your Java developer’s world got even better when JSjet came out. Click here for more details on how to use each one of its features.

jsjet-for-ts