Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn
Profile photo of Wanda Muriy
Nataliya Muriy
Marketing Content Creator - you name it, she'll write it!

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

Related Posts

Take a deep breath — Eclipse Oxygen is here! We can all breathe a little easier now that Eclipse Oxygen has arrived! And just like the last Eclipse release (remember Neon?), this is a biggie!83 projects287 committers71 million lines of code664 contributorsOur development team is ecstatic about all Oxygen has to offer. When Ignacio Moreno (our SDC Product Manager) was asked to give a favorite,...
Exploring Your Angular App Using CodeLive The saying “Time is money” is definitely applicable in the world of web development, and CodeLive helps you manage your time very wisely. It makes it possible to see which files or Angular components get loaded on a web page and go from there to the source in a heartbeat. If you are ready to enjoy this lightning fast experience within Angular, chec...
Live Preview for a Java EE project in MyEclipse Change, deploy, wait… don’t like it… start over!! This doesn’t have to be your developer’s life. With Live Preview of CodeLive you can know what’s going on immediately, as you code. It allows you to jump to source code from the browser, inspect it, instantly view changes and receive a preview on multiple browsers and gadgets. So there you are,...
Faster Coding is a Reality — Emmet is at You... Being able to see what your app will look like without having to redeploy first is a great thing, thanks to our CodeLive. Want another reason for using Webclipse, our Eclipse plug-in? There are plenty more, actually, but let’s talk about Emmet here.Ready for much higher speed when coding and editing with (X)HTML, CSS, XML, XSL or JSP? Emmet is your...

Posted on Jul 31st 2017