Regions/code collapse in Javascript in Visual Studio 2010

Question

Is it possible to create code regions in JS files in Visual Studio 2010?

This method works in 2005, but I can't get working in 2010.

Try it, if the compiler throws you an error, then it obviously won't work. ;) — Zack, May 27 '10 at 17:04
I have. I actually got stuck at adding a keyboard shortcut to the macro. I've never used VS macros before so am probably doing something silly. The macro doesn't seem to appear in the list when I try and assign a keyboard shortcut to it. Have you any idea why that would happen? — Mr. Flibble, May 27 '10 at 17:19
Oh, Type "macros" in the search box. It'll auto-show all macros. Here's the full tutorial on this: http://blog.devarchive.net/2008/04/using-region-directive-with-javascript.html — Zack, May 27 '10 at 17:44
Cheers Zack. I followed that tutorial. No idea why the macro doesn't show up. — Mr. Flibble, May 27 '10 at 18:22

score 37 · Accepted Answer · answered Aug 27 '10 at 00:11

37

Here is a very cool VS2010 extension for Javascript and CSS outlining http://jsoutlining.codeplex.com/

answered Aug 27 '10 at 00:11

Alex Yeung

2,495
7
31
48

Microsoft now has an extension for VS2010 that provides this functionality (see my answer below for link). – BrianFinkel Jun 13 '11 at 15:10

score 33 · Answer 2 · answered Jun 13 '11 at 15:04

33

Microsoft now has an extension for VS2010 that provides this functionality:

JScript Editor Extensions

answered Jun 13 '11 at 15:04

BrianFinkel

2,687
3
26
28

1

@BrianFinkel How do I create regions using the JScriptEditor Extensions? – Nick Nov 16 '11 at 19:03
That's a good question. I'm not sure. Will let you know if I find out. – BrianFinkel Nov 18 '11 at 15:18
Amazing...JS files can become very difficult to read through but this make it more manageable!! – afreeland Apr 05 '12 at 19:28
I installed it, but it significantly increased the save time of my ASPX pages. I had to disable. – oscilatingcretin Aug 16 '13 at 12:47
I have not had that problem. Do you have a large amount of JavaScript in your ASPX pages? – BrianFinkel Aug 17 '13 at 13:44
@Nick What works for me is to add a comment for the name of the section like //MySection and then add brackets {} with the code in between. – J.J Dec 11 '14 at 12:36

score 1 · Answer 3 · answered Feb 05 '13 at 00:32

1

Advanced JavaScript Outlining for Visual Studio 11 is now available for VS2012 through the Extension Manger, or at the URL

http://visualstudiogallery.msdn.microsoft.com/4be701d8-af03-40a4-8cdc-d2add5cde46c?SRC=VSIDE

answered Feb 05 '13 at 00:32

Eric J.

147,927
63
340
553

score 1 · Answer 4 · answered May 11 '11 at 18:24

1

The JSEnhancements plugin for Visual Studio addresses this nicely.

answered May 11 '11 at 18:24

Joel Harris

1,966
3
20
32

score 0 · Answer 5 · answered Apr 25 '13 at 20:52

0

Another great Visual Studio 2012-Extension is Web Essentials 2012. There are a bunch of cool tools for even TypeScript, LESS and CoffeeScript.

http://vswebessentials.com/

answered Apr 25 '13 at 20:52

kwrl

653
8
12

score 0 · Answer 6 · answered Feb 16 '14 at 11:23

Even though VS extensions installed, I had a unique problem of some of the script blocks not outlining properly, later found that its because of the @Url.Content tag used in the script, simply replaced it with simple string url, the outlining worked....thought of sharing if it helps someone

score 0 · Answer 7 · answered Oct 03 '15 at 14:30

0

In VS 2015 you can just create a block around your "region" like this

{ //My little region
  function misc()...
  var x = '';
  //etc...
  ...
}

Then just collapse that block. Probably on all older versions of Visual Studio as well.

answered Oct 03 '15 at 14:30

Wolf5

16,600
12
59
58

score 0 · Answer 8 · answered Aug 04 '10 at 14:58

There's an interesting post here : http://blog.devarchive.net/2008/04/using-region-directive-with-javascript.html on how to do this using Macros in Visual Studio.

Hope that help.

Update I just realised that someone has already referenced this link in the comments.

Regions/code collapse in Javascript in Visual Studio 2010

8 Answers8

Linked