2011-02-11 63 views
60

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

+0

我已经在注册表中的几件事情一试,但它看起来并不可能。对不起,可能值得编码的东西将它们重命名为CSS,然后再回到较少的位置。 – DaveShaw 2011-02-11 20:55:09

回答

43

尝试使用CSS是VS2010减延伸:

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

部队.LESS文件在CSS编辑器中打开,而无需更改设置或将HTML代码添加到您的LESS文件。

+3

此扩展还提供了编译保存功能:http://visualstudiogallery.msdn.microsoft.com/e646c6ec-87a7-45ea-81e8-d655a3d3e73e – zcrar70 2011-08-23 17:35:59

+0

我已经安装了扩展但仍然没有运气,这又是纯文本。我应该做些什么,而不是只安装? – Learner 2014-09-05 23:59:45

20

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

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

+5

添加标签非常完美,你可以把它们注释掉(注释由CSS编译器涅槃时去除得到),所以你有一个有效的样式表,所有的时间,而不添加和删除标签。 – aBetterGamer 2011-02-11 21:00:41

+4

在Visual Studio 2012,这是现在对这个问题的最佳答案,因为CSS编辑器包含在编辑者的名单,你可以很容易地联想.LESS与CSS源代码编辑器。 – Chev 2012-10-02 15:23:21

+0

VS2012将CSS添加到列表中,wooo hooo :) – Ayyash 2012-11-11 16:43:13

16

另一种替代方法是命名文件'.less.css',然后在您的母版页或主css文件(使用@import语句加载所有其他css文件的文件)中更改对它们的引用,然后配置较少的处理程序如下在web.config文件的“处理程序”部分:

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

然后你还有语法高亮,少工作正常,你没有建立在VS新的文件扩展名,加载任何vs插件等,如果你有一个以上的开发人员团队,这很方便。

如果你使用单个文件来定义颜色等,它将必须被命名为'.less'并通过@import'exampledefs.less'导入到每个.less.css文件中。该文件中的声明。

-6

我不得不做出添加MIME类型我的IIS服务器是这样的:

扩展:.less

MIME类型:text/css

10

我真的很喜欢MindscapeWebWorkbench。这是VS 2010提供无支持的免费插件。另外,扩展名附带.Sass和Coffee脚本支持!

试试吧!

啊,Hanselman的approves;)

0

我强烈建议使用紧缩:http://crunchapp.net/

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

2

晚的答案,但是这是在文件的顶部,以解决它在 “纯” VS2010

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

一个hackish的方式和

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

在文件底部