Web Essentials


Adds many useful features to Visual Studio for web developers

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

by Ed (DareDevil57) | August 14 2014

by Bob Blork | May 30 2014

nice! i like that you put in a link for a video.

by Uroš Smolnik | March 01 2014

by John E. Bailey | February 06 2014

I would previously have rated this 5 stars, but this latest version runs
the "linter" on every build, which basically kills my development
environment on any project of any size. There does not appear to be a
way to prevent it from running on minimized files.

You can turn this behavior off in the options, otherwise I would have to
disable this extension entirely.

by Jernej Novak | October 18 2013

by NNToan | October 15 2013

Awesome tool for me :(

by Arthur Mubarakshin | June 17 2013

by D. Chatterjee | May 20 2013

by CharlieG | March 29 2013

Pure goodness. Zen Coding integration is killer. Thank you sir!

by matengo | March 14 2013

Freezes Visual Studio completely when I have knockout attributes in the HTML.. Have to terminate VS and restart over and over again.. The web essentials is disabled until this is fixed.. I really hope you work on this.

by 布尔运算 | February 22 2013

not work for me now , like the extensions is disabled.

by Waqas M | February 08 2013

Very useful features to Visual Studio for web developers

by SurgeForward | December 20 2012

This extension made typescript far more accessible. I look forward to SCSS support!

by neez1 | December 08 2012

Hi, excellent tool. highly appreciated. but it extremely slows done while you are writing JS code. you need to work on it.

P.S: that dude seems to be jealous through out the video when you are presenting your plugin.

by mdarens | October 25 2012

by cloudfuse | October 02 2012

I am downloading and installing this for the collapsible code brace region feature. if (stateMentTooLong){... I want to collapse it now without regions....}

but lo! that feature is not working in my VS2010.

by gbiamby | September 27 2012

This add-in is great in VS2012, except for one problem: most of the time when I try to save a .coffee file that has syntax errors, Visual Studio crashes. Let me know if there is any info I can send to help you debug this.

by Rob Reynolds (FerventCoder) | August 26 2012

Fantastic addition to Visual Studio!

by PaulJSanchez | July 20 2012

It become unusable when editing medium-large javascript files... about a second delay from keypress to character appearing in the document! I had to disable it... when bugs like this dissapear, I'll give another try.

by BrianJFinkel | July 12 2012

Really great ideas, but JS extensions are way too slow and seem to compete with MS JS extensions, which are better. Can you add the ability to selectively enable/disable the tools? That might be a huge improvement. The CSS extensions are awesome, but I can't leave this thing running because it kills the JS editor.

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

  • Parent scss file won't compile, but children will
    1 Posts | Last post August 15, 2014
    • So I've got a bit of a doozy. I was editing and updating my SASS project just  fine suddenly my parent scss file stopped saving.  I get the following error:
      8/15/2014 9:27:12 AM: SCSS: Compiling bootstrap.scss
      8/15/2014 9:27:14 AM: Something went wrong reaching:
      8/15/2014 9:27:18 AM: Something went wrong reaching:
      8/15/2014 9:27:18 AM: SCSS: bootstrap.scss compilation failed: The service failed to respond to this request
      			Possible cause: Syntax Error!
      The same code compiles just fine on my coworker's machines. For some reason it claims it can't find/access the mapping file, so I'm not sure what's going on here. I've done everything from rolling back, to reinstalling Web Essentials (and updating to the nightly build).  
      Any clues?
  • What is this? I dont seem to have this rule, why am i suddenly getting these warning
    6 Posts | Last post July 01, 2014
    • since update to 2.2 I ma getting all these warnings.
      JSCS: The requireLeftStickedOperators rule is no longer supported.
      Please use the following rules instead:
    • I am seeing the same issue immediately after upgrading to 2.2
    • +1
    • Same thing here too. Fortunately there's a quick fix for it.
      Essentially, edit the global JSCS settings & remove the line with "remove the line: 'requireLeftStickedOperators": [","],'.
      Mads, there seems to be an awful lot of silly little bugs slipping in with each new update. Are there no unit tests run before releasing updates?
    • This is not a bug.  The latest version of JSCS removed several validation rules, and this happens to be one of them.  See:  https://github.com/mdevils/node-jscs#removed-rules
      The "requireLeftStickedOperators" rule was ensuring that the comma operator does not have any spaces to the left of it.  So this would be valid:
      x = [1, 2];
      While this would not be valid:
      x = [1 , 2];
      Try replacing "requireLeftStickedOperators" with "disallowSpaceBeforeBinaryOperators".  That should enforce the same rule behavior without causing an error.
      Removing that line means you're removing that rule entirely.  If that is what you mean to do then feel free to remove it, but since you are currently checking for it, odds are you'll want to keep that rule in place.
    • Here is the latest version of the .jscsrc file: https://github.com/madskristensen/WebEssentials2013/blob/master/EditorExtensions/Resources/settings-defaults/.jscsrc
      Just replace your current content with the content of the latest version and adapt your changes accordingly.
  • Bootstrap columns showing error
    1 Posts | Last post June 11, 2014
    • When I use the following code, it works as intended but Web Essentials (2013 for Update 2) shows an error: Bootstrap: Sum of columns of type col-xs-12 must not exceed 12. my intent is show only one column in the xs model.Any suggestions?
      <div class="row">
              <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                  <div class="well">
                      Div 1
              <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                  <div class="well">
              <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                  <div class="well">
              <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                  <div class="well">
  • Not working in 2010 Premium
    2 Posts | Last post May 25, 2014
    • After installation, it appears as Web Essentials 1.0 under Help > About Microsoft Visual Studio. However, it does not appear under Tools > Options. None of its features are available either.
      Mine is 2010 Premium.
      What's happening?
    • Same to me with Visual Studio 2010 Professional. It seems not to be activated at all. Please help.
  • LESS with underscore
    1 Posts | Last post May 16, 2014
    • If a LESS file starts with an underscore, auto creation and minification does not work.
      PS Your bug recording is not working
  • Error when converting a list-style-image to base64 in a .scss file
    1 Posts | Last post February 18, 2014
    • Getting an error when I try to convert a bullet image to base64 in a .scss file. My steps.
      1. Add the list-style-image attribute.
      2. Drag the image from solution explorer into the SCSS file to create the path for the image (laziness).
      3. Click the dropdown under the link and create the base64.  
      4. This is where I get the "Object reference not set to an instance of an object" error.
      The SCSS doesn't compile after this.  I of course can go about it the regular way but just wanted to give you a heads up.  Still a stellar product, would love to see the intellisense in SASS though.
  • Too many messages generated after last update
    1 Posts | Last post February 06, 2014
    • VS2013 - recently updated WE and am experiencing a new misbehavior. Seems not to be honoring the maxerr setting or something else is dumping message overtime. .jshintrc has:
          "maxerr"        : 500,       // {int} Maximum error before stopping
      My Error List pane | Messages tab show 127400.
      It has ahem....effected performance.
  • firefox
    1 Posts | Last post January 30, 2014
    • Can I do the live web preview in Firefox?  When I tried the live web preview as it is, it loads some window in who-knows-what browser and my site looks like crap.
  • Error output on Build
    4 Posts | Last post October 19, 2013
    • Since the last two releases, i've been getting the following errors:
      25-01-2013 10:49:35: Updating bundles...
      25-01-2013 10:49:35: The parameter is incorrect. (Exception from HRESULT: 0x80070057 (E_INVALIDARG))
         at EnvDTE.Properties.Item(Object index)
         at MadsKristensen.EditorExtensions.ProjectHelpers.GetRootFolder()
      25-01-2013 10:49:35: The parameter is incorrect. (Exception from HRESULT: 0x80070057 (E_INVALIDARG))
         at EnvDTE.Properties.Item(Object index)
         at MadsKristensen.EditorExtensions.ProjectHelpers.GetRootFolder()
      25-01-2013 10:49:35: Bundles updated
      This happens on every build. The project has a js and css bundle, where the bundle has reference to different subfolders (might not be the cause).
      Another annoying thins is, that the WebEssentials output window is main focus after build, instead of the usual build window.
      The project is a normal MVC4 project, with normal /content and /script folders.
    • I get this too.
    • This is a really annoying and persistent bug. Messes up build output.
    • Guys can you mention the VS version? As WE is open-sourced now, please report the bugs on https://github.com/madskristensen/WebEssentials2013/issues or https://github.com/madskristensen/WebEssentials2012/issues or both, so we can track them.
  • Mindscape Web Workbench and the color preview has issues
    6 Posts | Last post September 23, 2013
    • I'm using Mindscapes Web Workbench for SASS editing and have discovered a conflict with Web Essentials in the latest release. In version 2.0.451 they have added outlining to the SASS editor and the color preview causes a lot of flickering when I edit (basically syntax highlighting is turned on and off for large parts of the code). It mostly seems to happen after the first preview, but in one instance it happened after the second preview. If I turn of outlining Ctrl-M, Ctrl-P it behaves much better (seems to still be an issue with comment highlighting).
      Is there any way I can turn off the color preview feature?
    • No, you cannot turn features on/off in Web Essentials yet. 
    • Do you have any fix for this? It's rather annoying
    • Any progress on this? With every key I press in an SCSS file, the code jumps all over the place as the color swatch seems to be refreshing. It's pretty annoying, and sadly I end up disabling the extension. Is this a Web Essentials problem or a Mindscape issue?
    • I would like to ask when will be some way to turn off some of the features?
      Right now the best js collapse extension is JSEnhancements. The collapsing Web Essentials does is not correct. All other functions are great. If Web Essentials can't collapse the js code like JSEnhacements, at least would be nice to turn that collapsing feature off and the two extensions could live together.
    • I'm having this same issue - a feature is conflicting with another extension, and I would like to just turn off that feature (CSS color preview).
1 - 10 of 84 Items