Some useful features for Visual Studio JavaScript and CSS editors - outlining and matching braces highlighting

(67) Review
Visual Studio
Download (106,251)
E-mail Twitter del.icio.us Digg Facebook
Add to favorites
Reviews (67)
Q and A (20)
Sign in to write a review
Sort by:

by jenka1980 | April 02 2014

Everything genius is simple.
Simple great add-on does exactly what it meant for.

Some minor problem for me (VS2010 v. 10.0.40219.1 SP1Rel) "Collapse to Definitions" (Ctrl+M, Ctrl+O) not working in ASPX files.

by Davio Tran | November 27 2013

Awesome tool. Javascript now way easier to read. Thanks!

by rsforbes | September 23 2013

Awesome! \m/

by fredclown | March 07 2013

The below example breaks the code folding. It looks like the offending character is the single quote in the regex character set.

function test() {
var foo = '';
if (!/^[A-Za-z']{1,30}$/.test('Stuff')) {
foo = '';
return foo;

update: I got around it by using \x27 ([A-Za-z\x27]) in place of the single quote.

by Mario185 | November 19 2012

Very useful

by Robin Masters | August 28 2012

Great extension! Features VS is really missing.

Another great addition would be a JS Class explorer :)

Bender Bending Rodriguez August 29 2012
| Edit |

>JS Class explorer

by printf83 | August 28 2012

very good. thanx for this

by Reza Qorbani | July 15 2012

Great VS 2010 Extension. I love Javascript regions.

Excellent, very helpful. Thx!

One note - //#region's in .aspx js blocks are not initially outlined when opening a file. Once the file is modified (a space anywhere will do it) the region outlining kicks in. ??

Bender Bending Rodriguez June 02 2012
| Edit |

I couldn't reproduce this issue. Aspx outlining works fine for me. Do you have any other extensions that may affect outlining?

by Ehsan Mohammadi | March 24 2012

Thanks, Very useful

by chris_sinclair | March 12 2012

by Ashraf Sabry | February 18 2012

by Scott Beeson | December 20 2011

This is just the greatest thing ever. I can't tell you how valuable it is being able to collapse and regionalize my CSS and javascript.

Would give 6 stars if it had context menus to collapse/expand all or collapse highlighted code (and if 6 stars were possible).

Great work!

p.s. ++ for the name and avatar too.

by Daniel Zapf | December 06 2011

by Studlyed | November 23 2011

Abosultely outstanding! Easy, clean, simple. Made my month. :D Keep up the good work.

by Santhosh Sivarajan- | November 10 2011

Good job guys!

by Daniel Cheida | November 05 2011

Great tool

by Kenneth Scott | September 20 2011

best thing since sliced bread! great job-

by mikek400 | September 11 2011

Very useful. Being able to set collapse to definitions when opening a JS file means I don't have to search for another extension that does this. Thanks. --Mike

by Noel Abrahams | September 04 2011

Does what it says on the tin. Thanks a lot.

1 - 20 of 67 Items   
Sign in to start a discussion

  • Keyboard shortcuts
    2 Posts | Last post December 31, 2012
    • hi,
      do you have keyboard shortcuts to collapse function one or all 
      or the main function things like that? 
    • There are default shortcuts working:
      Ctrl-M-O - collapse to definitions,
      Ctrl-M-L - toggle all,
      Ctrl-M-M - toggle current
  • Webscape Workbench Compatibility
    2 Posts | Last post August 19, 2012
    • Any way I can get this working with LESS files or the webscape workbench plugin?
    • At this moment there is no support for LESS, and I don't have much free time now. Maybe I'll do it later. 
      For now you can find another extension that works with LESS, like Web Essentials or LessExtension. Or you can ask the developers of Webscape to make outlining. The made fully-featured editors, why there's no outlining?
  • Can't get syntax highlighting
    2 Posts | Last post February 29, 2012
    • Syntax highlight doesn't seem to work for .js files
      I get everything black, except string literals which are blue
      Functions are folding OK
      region does not fold.
      I have disabled all other extensions 
    • This is strange because JSE should not affect highlighting. Do you have this issue on all js files or just some of them? If you disable JSE, does it get fixed?
  • Comparison with Web Essentials
    1 Posts | Last post December 23, 2011
    • Hi,
      This is a great extension I should first say. Was just curious that since Web Essentials extensions has also come out with what looks like similar features (plus other stuff) can you comment on whether you think there is a bit of overlap between the two (maybe you two could somehow collaborate together to use the best of both?)
  • Collapse to definitions + IIFE
    2 Posts | Last post November 30, 2011
    • Hey! You've done a great work indeed!
      One issue to improve:
      I checked the Collapse to definitions option.
      When the js is wrapped in IIFE, inner methods are not collapsed. F.x. one() is not collapsed, but the top level anonymous fx is.
        function one(){
    • My implementation of Collapse to defintions is not very intelligent, it just collapses all top-level blocks. Maybe I'll find some time to improve it.
  • Are regions supposed to work in CSS files?
    2 Posts | Last post July 10, 2011
    • Are regions supposed to work in CSS files?
    • Yes. The syntax is slightly different:
      /*#region [Region Name]*/
  • So what does the icon for this tool have to do with the tool itself?
    2 Posts | Last post June 04, 2011
  • Is it legal to use it in Visual Studio Shell?
    2 Posts | Last post May 26, 2011
    • Greetings,
      Thanks for the good addin
      Is it legal to use it inside Visual Studio Shell?
    • I don't know much about the Shell, but if my extension works there, you are free to use it.
  • Region expanding/collapsing issue
    4 Posts | Last post May 26, 2011
    • Thanks for the extension I think it is a big help in organizing JavaScript files.  When I installed the extension yesterday expanding/collapsing of functions and regions worked fine.   For some reason though the expand/collapse node for region is only showing up after a file has been edited.  This problem doesn't happen with functions.
    • Hi
      I suppose it'a conflict with another extension. Do you have any other extensions installed, especially those with similar functionality? Does this issue appear if you disable all other extensions?
    • I don't have any other extensions installed.  What's happening is that a few seconds after I put a line break after the start of //#region the expand/collapse node shows up.  I thought that TFS might somehow be having an impact on this so I started a new website not under source control and found that the same thing is happening.  
    • Can you send me this website and screenshot of JSE settings to ryder86@gmail.com?
  • Does this work with the Visual web developer 2010 express edition?
    2 Posts | Last post March 31, 2011
    • Does this work with the Visual web developer 2010 express edition?
    • No, Express versions don't support extensions
1 - 10 of 20 Items