VisualStudio JavaScript & CSS Outlining Extension
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib/VS2010SDK
src/OutliningExtensions
test
.gitignore
.hgignore
LICENSE
README.md
VisualOutlining.sln

README.md

VisualStudio JavaScript & CSS Outlining

Build status Stories in Ready Gitter

Visual Studio editor extension for JavaScript & CSS code blocks and custom regions outlining.
As a web developer, I found myself dealing with fast growing JavaScript and CSS code files.
And I really missed the code regions in Visual Studio, which is a nice way to organize the code blocks and focus on reasonable small amount of code.
There are some macros available out on the web for placing a regions outlining in JavaScript code editor.
I was not fully satisfied with macros and the fact I have to manually run them (even with a shortcut keys) every time a JavaScript file is loaded.
Thus, I spent some time and came out with a Visual Studio 2010 Editor Extension for JavaScript & CSS Oulining.

Installation

Download and run the visual studio package installer file (.vsix).
Open/restart Visual Studio and enjoy :).

Features

JavaScript Outlining

Code blocks outlining

Outlines JavaScript codeblock regions for the code placed between { }. Both placed on a new line. Curly braces placed in strings(literals), comments and operators will be omitted.

Custom Regions Outlining

Custom outlining regions defined as a special comments for start and end.
Have in mind the strat and end region definitions could be mixed.
For example region starting with /*#> Test */ could be closed with //#endregion
See bellow all availabe long and short forms:

  • Region Start
    • //#region
    • //#>
    • /*#region Test */
    • /*#>*/
  • Region End
    • //#endregion
    • //#<
    • /*#endregion*/
    • /*#<*/

Multilines Comment Outlining

Outlining applied to multilines comment placed between /* and */. The outlining will be applied only if the comment is running on more than one line.

Multiple lines of Singleline Comments Outlining

Outlining applied to multiple lines of Singleline comments which starts with "//". The outlining will be applied only if more than one line of comments are placed together.

CSS Outlining

Rule Blocks Outlining

Outlines CSS rule blocks for the code placed between { }. Both placed on a new line. Curly braces placed in comments will be omitted.

Custom Regions Outlining

Custom outlining regions defined as a special comments for start and end.
Have in mind the strat and end region definitions could be mixed.
For example region starting with /*#> Test */ could be closed with /*#endregion*/ See bellow all availabe long and short forms:

  • Region Start
    • /*#region Test */
    • /*#>*/
  • Region End
    • /*#endregion*/
    • /*#<*/

Multilines Comment Outlining

Outlining applied to multilines comment placed between /* and */. The outlining will be applied only if the comment is running on more than one line.

Articles of interest