Web Essentials 2012


Adds many useful features to Visual Studio for web developers.

(192) Review
Visual Studio
Download (1,089,178)
E-mail Twitter del.icio.us Digg Facebook
Add to favorites
Reviews (192)
Q and A (324)
Sign in to write a review
Sort by:

by Ammar.Zaied | February 13 2015

nice !

by Gene Kohli | January 21 2015

Sweet Suite!

by Bob Blork | May 30 2014


by Shreeharsh Ambli | April 17 2014

brings in new capabilities

by Ilya Galakhov | February 19 2014

Thank You!

by Jitbit1 | February 04 2014

No more LESS support in the latest version. But "LESS" is there on the product page, there's even a LESS-settings tab in the options. Thanks for ruining our work process.

This extension is #1 result in Google for "Visual Studio LESS".

PS. the new "ASP.NET and Web Tools 2012.2" only highlights LESS code, but does not compile it!! So your answer does not help!!

by Proco | January 27 2014

Amazing extension!

by Richard D | December 19 2013

Nice tools, but unfortunately Typescript is left out of the recent update. So a lot of the functionality I used is not available anymore.


by harwi | November 30 2013

Great tool!

by Breno Queiroz | November 27 2013

You Must Have It!

by Balaji M Kundalam | November 23 2013

Useful add on.

by GK Dev | November 20 2013

by TW Scannell | November 19 2013

This says is updated today.It fails to install in VS 2012 Express

Mads Kristensen November 20 2013
| Edit |

Unfortunately, VS Express doesn't support 3rd party extension. It's not a limitation of Web Essentials

by Eliezer Perlmutter | November 01 2013

by Leonardo Lourenço Silva | November 01 2013

Very USeful !!!

by Christiaan Rakowski | October 28 2013

by HiTech Magic | October 22 2013

Dropping support for TypeScript (without plastering that "little" detail all over the download page) has just cost me 4 wasted hours and sent me full circle back to the old Web Essentials.

1. Installed Web essential update
- lost TypeScript support

2. Installed separate TypeScript add-in from MS
- Does not build existing TypeScript files in project

3. Researched how to modify project to get it to build TypeScript files
- Still does not build existing TypeScript files in project

4. Created a new project minimal testbed to test TypeScript compiling
- ts files are added, with TypeScriptCompile option, but do not generate .js files at all. Tools | Options etc have no effect

5. Researched this new problem
- Gave up in disgust

6. Uninstalled TypeScript & latest Web Essentials

7. Installed old Web Essentials
- Luckily this was still in my download folder

8. Have now lost color-coding, intellisense and all those other features that made Web Essentials useful.
- Decide to write grumpy review :(

I have never had so much grief from one update. In future I will Google for problems with the updates before even thinking about pressing upgrade!

by Cattousa | October 15 2013

WebEssentials 2012 is a stellar extension. Being able to collapse JavaScript between {curly brackets} is very useful.

by Ytrog | October 15 2013

Good plugin although the CoffeeScript functionality doesn't compile the scripts and crashes vs2012 every time I try :(

by Aleksandar Totovic | October 08 2013

It's very nice

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

  • CssEnableSelectorHighligting type-o
    2 Posts | Last post December 05, 2012
    • Just noticed there's a type-o in the generated WE-settings.xml if you care:
      (missing the h - Highlig*h*ting)        
      Might be more trouble than its worth to fix though-                 
    • Thanks, must have missed that one. Changing it will actually reset the setting for people who've changed it. I think I'll leave the typo in for now
  • Typescript bug
    3 Posts | Last post December 05, 2012
    • If you happen to have a function and a variable with same name in a typescript class, Visual Studio hangs for ever. This is not valid for typescript, but until you correct it Visual Studio should just display the error...
      class Test{
    • I'm pretty sure this is a bug in the VS TypeScript add-in, not in WebEssentials, as the same thing happens even if WE isn't installed. See https://typescript.codeplex.com/workitem/479.
    • This is a bug in the TS compiler. An update is being released very soon. Stay tuned...
  • Code Behind Rename Bug
    2 Posts | Last post December 05, 2012
    • I have noticed that when I rename an aspx file, if this extension is installed, the code behind drops the .aspx part and visual studio does not nest the file. For example, if I have a file named file.aspx with a code behind of file.aspx.cs, if I rename it to file2.aspx the code behind becomes file2.cs. I thought it was a VS bug at first, then disabled the web essentials extension and things went back to normal.
    • Thanks for reporting this. WE 1.9 does set some registry keys for nesting files differently. I'll correct this behavior for version 2.1.
  • Add support for webresource server side tags
    1 Posts | Last post December 05, 2012
    • If you create a .less file, you can escape webresource tags using the following syntax:
      url(~'<%= WebResource("Resources.Image.png") %>')
      But then later that line is changed in de minified file to:
      WebResource("Resources.Image.png") %>)
      I think this is a bug.
  • Intellisense/Auto-Complete for nested selectors in LESS files?
    7 Posts | Last post December 03, 2012
    • Am I correct in seeing that the intellisense/auto-complete list only shows CSS attributes when inside the curly braces for a selector and not additional selectors (e.g. HTML tags)? For example:
      .myclass {
         font-family: ...;
      Typing that "p" results in an auto-complete list of CSS selectors so it is keyboard cumbersome to get it to just be "p" or "ul" or other HTML tags (for creating a nested selector).
      Yes, you can just press "ESC," but when you're in the habit of pressing "p" and then SPACE or "ul" and then TAB, it gets frustrating to have to remember to do it differently when creating nested selectors of HTML tags.
      It's almost as if the possible list of items for the auto-complete should be the CSS attributes *and* the HTML tags. Not sure if that's possible...
    • I'm having the same issue and posted it here about a month ago.  It seems like it might be slightly related to the "Comments in nested LESS blocks" discussion right below this one at the moment.
    • Tobias, they are actually not related but the comment bug is fixed and will make the next release.
      I'll try to find a solution to having the HTML element names appear in the same statement completion list as property names.
    • Thanks for the additional feedback - I looked through the list of posts here, hoping to find something similar, but without search, it's tough.
      I notice that if you put the curly braces in, e.g. you type "{}" first and then put the cursor in front of that, the HTML tags kick in (and not CSS attributes), the problem is that without doing that, both the CSS attributes and the HTML tags are "valid" as the editor doesn't know if you intend to create a nested selector or define a CSS attribute and so both would/should appropriately show up on the list.
      Sounds like this is either a "something prevents it from working that way" or a "never realized it should work that way" sort of issue. The list of valid "CSS attributes" for LESS (from an Intellisense perspective, anyway) really is the superset of all CSS attributes plus the all HTML elements.
    • Ah - Mads - you replied just as I was. Thanks for your amazing speed and attention to all of the work on this extension.
    • Thanks a lot, Mads!
    • Mads - I'll add this to UserVoice so you don't have to track separately.
  • SASS support
    2 Posts | Last post November 30, 2012
    • While LESS support is great, I personally prefer to use SASS. Do you think you could add support for SASS as well?
      Already using your extension for TypeScript and can't live without it anymore. Having SASS support would make it awesome.
    • I'm prototyping it right now. If things go according to plan, then I hope to have preview bits during this weekend.
  • ZenCoding inside tags
    3 Posts | Last post November 30, 2012
    • Let's say I create a div:
      hitting tab expands this to
      <div id="menu">|</div>
      (with the cursor being at |)
      I'd like continue using ZenCoding to create inner elements, like:
      <div id="menu">span.test|</div>
      hitting tab doesn't expand this to, though:
      <div id="menu"><span class="test">|</span></div>
      It only works if the ZenCoding expression is placed on a new line:
      <div id="menu">
      Hitting tab now expands this to
      <div id="menu">
      <span class="test">|</span>
      Would it be possible for you to make it work inside tags within a line as well?
      Thanks for your work!
    • The same goes for the lorem ipsum generator.
      BTW, sorry for the typos :-)
    • This is rather difficult to implement consistently between regular HTML, WebForms and Razor since they all classify differently. But, it's on my radar to solve
  • Still Hangs with 1.9.1...
    14 Posts | Last post November 30, 2012
    • Opening a solution with last .js file opened still causes hang with 1.9.1.
    • Try turning off JSHint and let me know if it still reproduces. I have a hard time reproducing this particular issue, though other people have reported it too.
    • Try this build: http://madskristensen.net/custom/webessentials2012.vsix?
    • Nope, neither works.
      I manage to reproduce this issue very easily:
      - Create/open an ASP.NET web project that contains .js files
      - Open any .js file in the editor
      - Close solution and VS
      - Open VS and open solution
      - VS hangs when opening it as it seems the last opened .js file causing it to hang with Web Essentials enabled
    • i confirm too, the Solution Hangs even with 1.9.1
    • Do you have any other extensions installed. ReSharper and/or others? I'm beginning to think it could be caused by a conflict of extensions
    • Actually, try to go to Tools -> Options -> Web Essentials -> JavaScript. Then turn all the settings to "False" and see if that helped.
    • Suspending ReSharper didn't seem to help my problem with this. 
      I then disabled Productivity Power Tools and .NET Demon (from RedGate) and it loaded up fine. I then tried to re-enable one or the other to see if that fixed the problem. 
      Re-enabling .NET Demon caused the problem to recur. I then flipped and disabled .NET Demon and enabled Productivity Power Tools, and the problem was also recurring (but the freeze seemed to happen at a different point and triggered a prevention of document load).
      So, at that point, with both .NET Demon and Productivity Power Tools disabled, I told ReSharper to resume. And it loaded up fine without a hang with the .js file open.
    • Thanks for the detailed description. I use Productivity Power Tools and can't repro. I'll try .NET demon. What OS are you running? Also, what VS profile are you using (C#, General settings, Web developer (code only) or...? 
    • Btw, can you try this build and see if the problem is fixed? htp://madskristensen.net/custom/webessentials2012.vsix?
    • Re-enabled both of those extensions and the new version you just posted seems to have fixed the problem.
    • I've seen this behaviour too, but to me it seemed more like VS's or the TS plugin's fault. It happened on loading a project in VS, while there was a code issue in the accompanying TS file. Changing the TS file extension allowed me to load my project and look for the problem. If I recall correctly, I had a faulty Type assignment and VS gets stuck on this... but only straight after opening the solution / project. 
    • Seems this has been fixed in 1.9.2. Thanks.
      Just curious, what actually went wrong previously?
    • It was a threading issue when calling DTE.StatusBar.Text = "something"
      The strange thing about it is that it didn't repro at all on any of my machines, so that's why I couldn't quickly fix it - I simply didn't know what caused the hang. Some friendly souls on Twitter helped me with stack traces that let me down the right path.
  • "Find References" for JS not working
    3 Posts | Last post November 30, 2012
    • On the most recent version (1.9.1), I can hit shift-F12 on a CSS selector, and it does a "Find in Files" for that element (though I think *.cshtml should be included in that search by default).  However, when I try that in a JS file, it never seems to do anything.  Is there another command to use in a JS file?
    • Try this latest build http://madskristensen.net/custom/webessentials2012.vsix?
    • Sorry, I didn't see the reply in time to beat 1.9.2 to production, but I can confirm that it's working perfectly in 1.9.2.
  • BUG: Copying and pasting a Typescript class freezes VS
    1 Posts | Last post November 30, 2012
    • When I copy and paste a class inside of a TS file it causes Visual Studio to lock up and I have to kill VS and open it again. I just encoutered this twice in a row using 1.9.2.
201 - 210 of 324 Items