make eclipse work better with javascript

Question

I'm working in a java/eclipse shop writing javascript, coming from a php/netbeans background. So far, I hate eclipse, but I don't want to shift away from the general tool set. (Because of issues with our build system, we're currently on the galileo release.)

The syntax coloring is just fine, and I'm learning to live with the cockpit-like interface, but eclipse's outliner doesn't properly recognize things like the module pattern at all. Nor does it do much auto-completion on my methods. Can I do anything about that?

I tried installing Aptana, but so far, I haven't noticed any real improvements in basic editing. I see the WTP, which I may or may not have installed. (How do I find out? :) Would that help?

While I'm asking, eclipse does a lousy job with indentation, which I'm constantly having to fix, since I care about such things. Anything to be done about that?

Eugene Kuleshov · Accepted Answer · 2010-10-21 19:32:13Z

4

Make sure you have installed JavaScript developer tools. See Help / About Eclipse / WTP (one of the icons at the bottom of dialog) / JavaScript Developer Tools feature

Then on your web project Project / Properties / Project Facets page and make sure JavaScript Toolkit facet is selected. After that you should see JavaScript / Code Style / Formatter page as well as other advanced pages, such as, Libraries, Validation, etc.

edited Oct 21, 2010 at 19:32

answered Oct 21, 2010 at 17:44

Eugene Kuleshov

31.8k5 gold badges70 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

sprugman Over a year ago

I'm not entirely sure where the "Project Facets" page is, but when I go into Project > Properties, I see both JavaScript and JS Code Formatter, both with about ten thousand options in them....

Eugene Kuleshov Over a year ago

If you have both WTP and Aptana installed you may see more then one JavaScript editor and multiple setting pages. I'd recommend to try with a clean Eclipse installation, e.g. download Eclipse IDE for JavaScript Web developers. eclipse.org/downloads/packages/…

fgysin · Accepted Answer · 2012-12-11 13:33:07Z

3

Use JSdoc. It will give you back outline and autocomplete! Saved my life the other day...

/**
 * @type MyModule
 * @memberOf __MyModule
 */
var MyModule = (/** @constructor */ function () {
  function innerFunc() {
    // blub
  }

  /**
   * @memberOf MyModule
   */
  api.publicFunc = function() {
    // gak
  };
})();

@type MyModule is mandatory and should be the same as your real module name.
@memberOf MyModule and /** @constructor */ at closure function is used to display inner functions and variables inside module closure (i.e. innerFunc()). If you use the same 'type' here as in the @type definition the public functions will be listed in the same outline in Eclipse. Alternatively we can use some other name (here __MyModule and get a separate 'outline tree' for the public methods.
@memberOf module binds the API's methods to your module/type and will make them appear in the outline as well as the auto-complete context-menu (after typing MyModule.| for example).

(Original Idea from http://www.eclipse.org/forums/index.php/m/665434/)

answered Dec 11, 2012 at 13:33

fgysin

12k15 gold badges69 silver badges99 bronze badges

7 Comments

sprugman Over a year ago

Found that a while ago, thanks. It's annoying to have to add @memberOf to every method to get it to show up, but it's better than nothing, I suppose.

fgysin Over a year ago

Yeah, I haven't yet found any better method though. :/

sprugman Over a year ago

(FWIW, I haven't been bothering with @type and the @constructor piece.)

fgysin Over a year ago

I guess you could just force everything to be a member of something or another, but what I kinda like on the approache above is that it also gives you the outline for the private properties of your module, i.e. fields and private methods.

sprugman Over a year ago

Mine gives the outline, as well -- I apply the @memberOf to every method that I want to show up. It just doesn't distinguish between public and private. In general, I'm using the module pattern anyway, and try to only have one module per file, so I don't usually need much more structure than that. I'll look into it, though.

|

Collectives™ on Stack Overflow

make eclipse work better with javascript

2 Answers 2

2 Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related