如何设置Visual Studio编译LESS文件的目录？

Question

I am using VS 2012 on Win 7. Currently (by default, I assume) it compiles LESS files to CSS on save to the same directory as the LESS file.

I would rather save all my CSS files to a "css" directory next to the "less" directory. I'm coming from the Mac using CodeKit to compile, and here you can choose an output path. I can't figure out how to set the output path in VS.

What I am looking for is:

-Projectroot
----less
----css
----js
etc.

Where my LESS files are all in "/less" and the compiled css goes to "/css"

Answer 1

If you're working in a team you'll probably want them to have the same CSS output folder as yours (and not telling each one of them to change their default Web Essentials settings) so the best way is to output your setting per Visual Studio Solution.

1. In Visual Studio menu go to WEB ESSENTIALS > Create solution settings :

   

2. A new folder and file will be created under your solution:

   

   Open the generated file WebEssentials-Settings.json and change the property OutputDirectory under Less to your desired folder path:

   

Hope that helps.

Answer 2

您是否尝试过TOOLS> OPTIONS> WEB ESSENTIALS> LESS并设置自定义输出目录？