Web Essentials

Free

Adds many useful features to Visual Studio for web developers

(100) Review
Visual Studio
2010
Download (232,695)
8/28/2012
2.7
View
E-mail Twitter del.icio.us Digg Facebook
Add to favorites
Description
Reviews (100)
Q and A (86)
Sign in to write a review
Sort by:

by JayChase | November 03 2014

Really is essential for working with javascript in Visual Studio.

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.

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


  • Minified CSS not Working
    2 Posts | Last post September 25, 2014
    • Cannot figure out what's going wrong, so posting here in hopes someone can shed some light... Using MS Visual Express 2013 for Web, with the Web Essentials 2013 for Update 3 extension. 
      
      My website is built off a Twitter Bootstrap template with a theme, and, as such, has a base and theme CSS file. All CSS customization is done in the theme file. I use Web Essentials > Minify CSS to bundle and minify these 2 files, selecting the base file first and the theme file second. The resultant bundled CSS file works fine (web page display is as expected). If I substitute the bundled file for the minified CSS file (more ideal to decrease page load), it doesn't work correctly. It seems like the browser only reads the base CSS file and not the theme CSS file content from the min CSS file.  
      
      In addition, I keep getting 'Inconsistent Line Endings' prompt messages in VS referring to the theme CSS file. Perhaps this is related to the min file not working. I can post a link to demo if anyone cares to take a look. Any pointers or suggestions?
      
       
    • This is a bug with either the Twitter Bootstrap theme CSS syntax or the way Web Essentials minifies the CSS (specifically how it handled 0 vs. 0%). Issue reported to the dev for the theme CSS and they will change syntax there. 
  • Speed typing video link is broken
    1 Posts | Last post September 25, 2014
    • This link is broken.
      
      http://madskristensen.net/post/CSS-speed-typing-for-Visual-Studio.aspx
  • 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: http://127.0.0.1:56538/?service=SCSS&sourceFileName=C:%5CProject%20Builds%5CCFIT_Styleguide%5CDev%5Cmain%5CMS.IT.UXDI%5CUX%20Styles%5Cbootstrap.scss&targetFileName=C:%5CProject%20Builds%5CCFIT_Styleguide%5CDev%5Cmain%5CMS.IT.UXDI%5CUX%20Styles%5Cbootstrap.css&mapFileName=C:%5CProject%20Builds%5CCFIT_Styleguide%5CDev%5Cmain%5CMS.IT.UXDI%5CUX%20Styles%5Cbootstrap.css.map&precision=5&outputStyle=expanded&sourceMapURL&
      
      8/15/2014 9:27:18 AM: Something went wrong reaching: http://127.0.0.1:54932/?service=SCSS&sourceFileName=C:%5CProject%20Builds%5CCFIT_Styleguide%5CDev%5Cmain%5CMS.IT.UXDI%5CUX%20Styles%5Cbootstrap.scss&targetFileName=C:%5CProject%20Builds%5CCFIT_Styleguide%5CDev%5Cmain%5CMS.IT.UXDI%5CUX%20Styles%5Cbootstrap.css&mapFileName=C:%5CProject%20Builds%5CCFIT_Styleguide%5CDev%5Cmain%5CMS.IT.UXDI%5CUX%20Styles%5Cbootstrap.css.map&precision=5&outputStyle=expanded&sourceMapURL&
      
      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:
      
      disallowSpaceBeforeBinaryOperators
      
      disallowSpaceBeforePostfixUnaryOperators
      disallowSpacesInConditionalExpression
    • 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.
      
      http://www.roelvanlisdonk.nl/?p=3859
      
      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>
              </div>
              <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                  <div class="well">
                     DIV2
                  </div>
              </div>
              <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                  <div class="well">
                      DIV3
                  </div>
              </div>
              <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                  <div class="well">
                      DIV4
                  </div>
              </div>
      </div>
  • 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
      http://madskristensen.net/contact.aspx?subject=Web%20Essentials%20bug
  • 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.
      
      thx
  • 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.
1 - 10 of 86 Items