Question

is there someway you can categorize the code your are writing in these two programs.

eg. if you have a function you can click the – sign on the left and it will collapse the function. but if i want to collapse a section of codes with some functions and procedural code, how can i do that?

then you can have different “chapters” like in Word. And you can see the whole pictures of just having the “headers” in front of you.

eg. in your js-file.

— All views —

— Main view —

— Thread view —

and so on…

Any other suggestions for improving visibility of you code structure is also welcomed

Answer 1

Several years ago there was an Eclipse plugin which can do that, the Coffee Bytes plugin (blog here). It allows you to add user-definied start and end points of folding. Unfortunately, the project is currently dead and not anymore maintained, but you can still download the latest version of the plugin here. No wording about Netbeans here as I don’t use it.

I myself however don’t make use of it. I just mark groups with a comment line which is tailed with hyphens - all the way up to the max line length, they are easy enough to spot.

E.g.

// Init -------------------------------------------------------------------------

function init() {
    // ...
}

You can also consider to put the title at the end of the line so that it’s easier to spot on while searching, although it may be less intuitive for beginners:

// ------------------------------------------------------------------------- Init

function init() {
    // ...
}