Question

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

Answer 1

尝试使用VS2010的CSS Is Less扩展程序：

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

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

Answer 2

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

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

Answer 3

另一种方法是将文件命名为“.less.css”，然后在主页面或主css文件（使用@import语句加载所有其他css文件的文件）中更改对它们的任何引用，然后在Web.Config文件的“处理程序”部分中配置less处理程序：

<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脚本支持！

试一试！

啊，Hanselman approves;）

Answer 5

迟到的答案，但这是在“纯粹的”VS2010

中解决它的一种骇人的方式

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

位于文件顶部，

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

位于文件底部

Answer 6

此扩展程序提供完整的Intellisense

http://visualstudiogallery.msdn.microsoft.com/e646c6ec-87a7-45ea-81e8-d655a3d3e73e

Answer 7

我强烈建议您使用Crunch：http://crunchapp.net/

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

Answer 8

没人提到Web Essentials 2012：

http://visualstudiogallery.msdn.microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea6

Answer 9

我必须向我的IIS服务器添加MIME类型，如下所示：

扩展名：.less

MIME类型：text/css

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

9 个答案: