Less not work with WebEssentials in visual studio 2012

Question

When i create a less file with .less extension, WebEssentials not show less syntax(intellisence, colored syntax) And not appear preview page, ever not known less files!

also all of less options in WebEssentials settings is enabled.

what is problem?

SOLUTION: My Problem Not Solved by Installing Asp.Net Web Tools 2012.2.

I Solved Problem By Installing Web Developer Tools 2012.2 from => http://go.microsoft.com/fwlink/?LinkID=282228

VTC - possible duplicate of [LESS files in Visual Studio not syntax highlighted](http://stackoverflow.com/questions/15323250/less-files-in-visual-studio-not-syntax-highlighted) - see the answer there. Less support has been removed from WE2012. — Jude Fisher, Mar 12 '13 at 16:46

score 11 · Answer 1 · answered Mar 12 '13 at 22:55

11

You need to install "ASP.NET and Web Tools 2012.2" to get the LESS editing experience to light up in VS.

answered Mar 12 '13 at 22:55

Mads Kvist Kristensen

2,610
2
18
14

Yes I installed "ASP.NET and Web Tools 2012.2" and new version of WebEssentials, But syntax highlighter and preview window doesn't work. please see this image: http://i.imgur.com/fhD0nmh.jpg – user197508 Mar 13 '13 at 05:18

score 9 · Accepted Answer · edited May 08 '13 at 03:08

9

I solved my problem by installing Web Developer Tools 2012.2

edited May 08 '13 at 03:08

Dhaust

5,470
9
54
80

answered Mar 18 '13 at 20:52

user197508

1,282
2
18
31

score 3 · Answer 3 · answered Nov 14 '13 at 21:42

3

I could not get VStudio 2012 to recognize the .less files either. Finally, I went to Tools...Extensions and Updates... I then disabled the Web Essentials plugin (see image) by clicking the Disable button. enter image description here

After that, Visual Studio will ask if you want to restart. Click the "Yes" button. Next go back to Tools...Extensions and Updates...

Now, go ahead and go down to the Web Essentials item and select it. You can now click the Enable button and restart again.

This time when it restarted my .less file now displayed the split screen, but I still couldn't see the .css file it generates at the left (see image). I clicked the "Show All Files" up in solution explorer, but they still didn't show. Finally, I double-clicked the .less file and it generated the split screen on the left and the list of gen'd files showed up.

Files Generated by .less

answered Nov 14 '13 at 21:42

raddevus

8,142
7
66
87

What is your VS Web Essentials version? – user197508 Nov 15 '13 at 15:28
Web Essentials 2012 v3.2. I just downloaded it yesterday (11/15/2013) from the web site. – raddevus Nov 15 '13 at 15:33
Please use this,for VS 2012: https://www.microsoft.com/web/handlers/webpi.ashx/getinstaller/WebNode11Pack.appids and for VS 2013: http://support.microsoft.com/kb/2911573 – user197508 Dec 14 '13 at 07:10
can i give custom path to save on to css generated by less? – Dhaval Ptl Sep 20 '14 at 07:35
Also, if this doesn't work. Make sure your .LESS file doesn't have any errors before you run it. It will not generate the file while you have errors in the file. – Termato Oct 07 '14 at 16:15

Less not work with WebEssentials in visual studio 2012

3 Answers3