代码之家 › 专栏 › 技术社区 › nikmd23

在visual studio的css源编辑器中打开文件

dotless less visual-studio visual-studio-2010 css

21

nikmd23 · 技术社区 · 14 年前

我正在使用 Phil Haack's T4CSS T4 template 基于 .less

菲尔解决方案的一个缺点是visual studio将.less文件作为纯文本文件而不是css文件打开。(因此没有智能感知。)

如何让vs在css源代码编辑器中打开一个.less文件?

我试过了:

右键单击“打开方式”,但未列出CSS源编辑器。
“工具”>“选项”>“文本编辑器”>“文件扩展名”,但css源编辑器再次未列出。

能做到吗?

4 回复 | 直到 11 年前

1

26

Noah Richards 14 年前

我刚发了一个分机,你可以 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语言服务支持更少的内容;例如,嵌套的规则根本不能很好地工作(它混淆了css语言服务)。

2

13

nikmd23 13 年前

Midscape's Web Workbench visual studio扩展添加了对.less文件的支持,包括语法突出显示和intellisense。它还增加了对sass和coffeescript的支持。

3

7

JonoW 14 年前

如果您使用的是dotless.compiler.exe工具(而不是http处理程序),则无需说明您的文件必须以.less结尾。我用.css命名后缀my.less文件,这样visual studio就可以像对待css文件一样对待它们。例如,我的命名惯例是:

/css/common.less.css==>/css/common.css

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

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

4

1

Community paulsm4 7 年前

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