· Nov 10, 2016 2m read

Working with javascript files in Atelier

If you spend a lot of time working with javascript, json and html and you are new to Eclipse / Atelier you may like this tip. 

 Instead of the default Atelier HTML you can install a JS plugin for eclipse which works quite good handling javascript files, allowing you to see functions, color syntax, etc... The one I used is the JSDT. The JavaScript Development Tools (JSDT) provide plug-ins that implement an IDE supporting the development of JavaScript applications and JavaScript within web applications. It adds a JavaScript project type and perspective to the Eclipse Workbench as well as a number of views, editors, wizards, and builders.

In order to do follow this steps:
Open Atelier -> Go to "Help" -> "Install New Software"
Select the repository  All available sites
Search for javascript or expand "Programming Languages" -> Check the box next to "JavaScript Development Tools"
Click "Next" -> "Next" -> Accept the Terms of the License Agreement -> "Finish"

Wait for the software to install, then restart Atelier (by clicking "Yes" button at pop up window)

To open .html or .js file with highlighted JavaScript syntax:

Right-click on .html or .js file -> "Open With" -> "Other..."
Select "Internal editors"
Select "Java Script Editor". Click "OK" (see JavaScript syntax is now highlighted )

If you like it, you can make it as the default one easily. 

Let me share some screenshots to see a brief of what you get: 
So you go from this (in Explorer):

To this: 

And of course you will have a richer outlier window plus syntax, etc...

Discussion (0)1
Log in or sign up to continue