3

I'm currently working on my Google Chrome extension that requires writing some extensive JavaScript code. This involves navigation/jumping between functions in the JS project.

I've been first using Adobe Dreamweaver CS5 to write my JS code. And although it has somewhat OK code hinting, it does not have a way for me to jump between functions.

I then tried opening JS files in my Visual Studio 2013. It has an even better code hinting (or Intellisense) but it doesn't have a way to jump between JS functions either.

The following is a screenshot from the Visual Studio for a C++ project that will explain what I mean by "jumping beween functions":

enter image description here

As you can see it has a nice dropdown menu that lets me jump from function to function.

Also the code hinting, or Intellisense would be nice. It's when you type JS code and then, say, hit "." and the popup window gives you an option of the object's possible properties. Something like this (again for a C++ project):

enter image description here

So I was curious if there's a JavaScript editor like that?

PS. I'm currently working on Windows, but Mac would be fine too.

Improve this question
8
  • Well, since IntelliSense is a Microsoft implementation, so that would be .. VS. (The ReSharper extension, at least from 6, does have some autocomplete-filtering support, but it can only guess so much from the lack-of-types-in-context.) Commented Sep 13, 2014 at 19:17
  • Hmm, I ran into Webstorm (also from Jetbrains) while trying to pin down some specific ReSharper notes .. never used it. But ReSharper alone does have significantly better navigation-to-source than stock VS (in JS and elsewhere). Sublime2 also supports pretty good navigation, but limited autocomplete. Commented Sep 13, 2014 at 19:19
  • @user2864740: Please don't catch me semantics. I'm not asking for MS only solution. As for Webstorm, that looks promising. I'll need to try it. Thanks. Commented Sep 13, 2014 at 19:28
  • @user2864740: I was able to download the test version of webstorm over the weekend. I can't seem to find how to jump between functions in a js file. Am I missing something? Commented Sep 14, 2014 at 23:39
  • I downloaded it over the weekend as well and played with it for about an hour. I am using the VS key bindings and F12 navigates-to-definition (same as Navigate -> Declaration from the menu). If there is an ambiguous definition (the heuristics seem to be limited, not sure how/if it also applies any structural typing filters) then a list is brought up. All the source definitions I've tried to reference have been within the scope of the "opened directory" or subdirectory thereof. Commented Sep 14, 2014 at 23:43

1 Answer 1

Reset to default
3

Have to answer my own question. I did some research and this plug-in for Visual Studio is exactly what I was looking for:

Javascript Parser

It comes with the following features:

  • It displays function names & global variables in a tree-like control in a dockable VS pane.

  • It allows to quickly navigate from one JS function to another by simply clicking their names in the list.

  • It automatically highlights the function in the list that I'm currently in (in the code pane.)

  • It is quite robust unlike anything else I tried.

  • It installed without issues on VS 2010 and VS 2013 (that I had.)

  • And most of all, it's free.

PS. Now the question is what shall I do on my Mac...

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

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.