Question

我使用基于Phil Haack's T4CSS T4 template

的.less

Phil的解决方案的一个坏处是visual studio将.less文件打开为纯文本文件而不是css文件。（因此没有智能感知。）

如何让VS在CSS源代码编辑器中打开.less文件？

我试过了：

右键点击＆gt;打开方式，但未列出CSS源编辑器。
工具＆gt;选项＆gt;文本编辑器＆gt;文件扩展名，但再次没有列出CSS源编辑器。

可以这样做吗？

Answer 1

我刚刚发布了一个扩展程序来执行此操作;你可以download it from the Visual Studio Gallery。

扩展程序的关键是.pkgdef文件：

[$RootKey$\Languages\File Extensions\.less]
@="{A764E898-518D-11d2-9A89-00C04F79EFC3}"

[$RootKey$\Editors\{A764E89A-518D-11d2-9A89-00C04F79EFC3}\Extensions]
"less"=dword:00000028

请注意，此扩展程序无法帮助CSS语言服务支持Less;例如，嵌套规则根本不能很好地工作（它会混淆CSS语言服务）。

Answer 2

Midscape's Web Workbench Visual Studio Extension增加了对.less文件的支持，包括语法高亮和Intellisense。它还增加了对SASS和CoffeeScript的支持。

Answer 3

如果您使用的是dotless.Compiler.exe工具（而不是http处理程序），则无需说您的文件必须以.less结尾。我用.css命名我的后缀my .less文件，以便Visual Studio将它们视为css文件。例如。我的命名惯例是：

/css/common.less.css ==＆gt; /css/common.css

我将dotLess编译器作为构建后事件运行，例如

$(SolutionDir)\packages\dotless.1.1.0\Tools\dotless.Compiler.exe "$(ProjectDir)\css\common.less.css" "$(ProjectDir)\css\common.css"

Answer 4

How to turn on Visual Studio 2010 .css Intellisense on .less file

在Visual Studio CSS源代码编辑器中打开文件

4 个答案: