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

Question

我正在使用基于.less的Phil Haack的T4CSS T4模板

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

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

我试过了:

1. 右键单击>打开方式,但未列出CSS源编辑器.
2. "工具">"选项">"文本编辑器">"文件扩展名",但再次未列出CSS源编辑器.

可以这样做吗？

Answer 1

我刚发布了一个扩展程序来执行此操作; 您可以从Visual Studio库下载它.

扩展的关键是.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的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 ==> /css/common.css

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

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