我正在使用基于.less的 Phil Haack 的 T4CSS T4 模板
Phil 解决方案的一件坏事是,Visual Studio 将 .less 文件作为纯文本文件而不是 css 文件打开。(因此没有智能感知。)
如何让 VS 在 CSS 源代码编辑器中打开 .less 文件?
我试过了:
- 右键单击 > 打开方式,但未列出 CSS 源代码编辑器。
- 工具 > 选项 > 文本编辑器 > 文件扩展名,但再次没有列出 CSS 源代码编辑器。
这可以做到吗?
我正在使用基于.less的 Phil Haack 的 T4CSS T4 模板
Phil 解决方案的一件坏事是,Visual Studio 将 .less 文件作为纯文本文件而不是 css 文件打开。(因此没有智能感知。)
如何让 VS 在 CSS 源代码编辑器中打开 .less 文件?
我试过了:
这可以做到吗?
我刚刚发布了一个这样做的扩展;您可以从 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 语言服务)。
Midscape 的 Web Workbench Visual Studio 扩展增加了对 .less 文件的支持,包括语法高亮和 Intellisense。它还增加了对 SASS 和 CoffeeScript 的支持。
如果您使用的是 dotless.Compiler.exe 工具(而不是 http 处理程序),则没有什么可以说您的文件必须以 .less 结尾。我将我的 .less 文件命名为 .css 后缀,以便 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"