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

有谁知道如何启用非.css文件扩展名的CSS智能感知? 我有一个基本上是.css文件的.less文件,但visual studio不会在文件上使用.css intellisense。

尝试使用VS2010的CSS Is Less扩展:

http://visualstudiogallery.msdn.microsoft.com/dd5635b0-3c70-484f-abcb-cbdcabaa9923

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

Visual Studio允许您通过转到工具 – >选项 – >文本编辑器 – >文件扩展名将自定义扩展映射到不同的编辑器。 您只需提供自定义扩展名并select您希望将其与之关联的编辑器。 不幸的是,Visual Studio团队似乎忽略了编辑列表中的CSS编辑器。

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

另一种方法是命名文件'.less.css',然后在主页面或主css文件(使用@import语句加载所有其他css文件的文件)中更改对它们的引用,然后configuration较less你的Web.Config文件的“处理程序”部分如下所示:

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

然后你得到语法突出显示,更less的工作正常,你不必在vs中设置新的文件扩展名,加载任何vs插件等,如果你有一个以上的开发团队,这是很方便的。

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

我非常喜欢MindscapeWebWorkbench 。 这是一个免费的VS 2010插件提供无支持。 此外,扩展名带有.Sass和Coffee脚本支持!

试一下!

啊,Hanselman 赞同 ;)

迟到的答案,但这是在“纯”的VS2010解决它的一个hackish的方式

 #if DEBUG <html><head><style> #endif 

在文件的顶部和

 #if DEBUG </style></head></html> #endif 

在文件的底部

我强烈build议使用Crunch: http : //crunchapp.net/

Visual Studio(包括Express)允许您用Crunch打开Less文件。 如果在Visual Studio中不打开它们,它会打开Crunch来编辑文件,但使用Crunch的原因有很多。 最大的原因是Crunch会将你的Less代码编译成纯CSS文件。 好处是你不需要在你的网站中包含less.js脚本,这样可以避免额外的开销,你可以编写更less的代码,就像在VS中双击less文件,编辑文件一样简单“压缩”(或保存)在你的CSS样式表上。 不需要触摸crunch生成的纯CSS。

我不得不添加一个MIMEtypes到我的IIS服务器是这样的:

扩展名: .less

MIMEtypes: text/css