如何在.less文件上打开Visual Studio 2010 .css Intellisense

Question

知道如何在非.css文件扩展名中启用css intellisense吗？我有一个基本上是.css文件的.less文件,但visual studio不会在文件上使用.css intellisense.

Answer 1

尝试使用VS Is10的CSS Is Less扩展:

强制.LESS文件在CSS编辑器中打开,无需更改设置或向LESS文件添加HTML标记.

此扩展还提供了编译保存:http://visualstudiogallery.msdn.microsoft.com/e646c6ec-87a7-45ea-81e8-d655a3d3e73e (3认同)

Answer 2

Visual Studio允许您通过转到工具 - >选项 - >文本编辑器 - >文件扩展名将自定义扩展映射到不同的编辑器.您只需提供自定义扩展,然后选择要与其关联的编辑器.遗憾的是,Visual Studio团队似乎忽略了编辑列表中的CSS编辑器.

可能的解决方法是将扩展名与Html编辑器关联,然后键入<html><head><style>文件的顶部和文件</style></head></html>的底部.这将为您提供标签集之间的CSS intellisense支持.然后,您可以在完成编辑后删除HTML标记和文件关联.

添加标签工作得很完美,你可以将它们注释掉(在缩小时由css编译器删除注释),这样你就可以随时拥有一个有效的样式表而无需添加和删除标签. (5认同)
在Visual Studio 2012中,这是此问题的最佳答案,因为CSS编辑器包含在编辑器列表中,您可以轻松地将.less与css源编辑器关联起来. (4认同)

Answer 3

另一种方法是将文件命名为".less.css",然后在主页或主css文件(使用@import语句加载所有其他css文件的文件)中更改对它们的任何引用,然后配置less处理程序如下所示在Web.Config文件的"处理程序"部分中:

<add name="LessCssHandler" type="dotless.Core.LessCssHttpHandler,dotless.Core" path="*.LESS.CSS" verb="*" />

然后你会得到语法高亮,不太好用,你不必在vs中设置新的文件扩展名,加载任何vs插件等等,如果你有一个超过1个开发人员的团队,这很方便.

如果您使用单个文件来定义颜色等,则必须将其命名为".less"并使用@import'exampledefs.less'导入每个.less.css文件中; 该文件中的声明.

Answer 4

我真的很喜欢MindscapeWebWorkbench.它是VS 2010的免费插件,提供.less支持.此外,扩展附带.Sass和Coffee脚本支持!

试一下!

啊,汉塞尔曼批准 ;)