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

Question

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

Answer 1

尝试使用VS Is10的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文件的文件）中更改对它们的任何引用，然后配置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脚本支持！

试一下！

啊，汉塞尔曼批准 ;）

Answer 5

迟到的答案，但这是在“纯粹的”VS2010中解决它的一种hackish方式

#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文件。 是的，它不会在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 个解决方案

解决方案1
43 已采纳 2011-02-11 21:57:33

解决方案2
20 2011-02-11 20:48:52

解决方案3
16 2011-05-10 14:50:15

解决方案4
10 2012-03-16 18:49:47

解决方案5
2 2013-04-16 21:34:49

解决方案6
0 2012-05-23 09:29:14

解决方案7
0 2012-09-21 13:02:33

解决方案8
-1 2012-10-16 13:03:32

解决方案9
-6 2011-06-09 21:40:40

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

问题描述

9 个解决方案

解决方案1 43 已采纳 2011-02-11 21:57:33

解决方案2 20 2011-02-11 20:48:52

解决方案3 16 2011-05-10 14:50:15

解决方案4 10 2012-03-16 18:49:47

解决方案5 2 2013-04-16 21:34:49

解决方案6 0 2012-05-23 09:29:14

解决方案7 0 2012-09-21 13:02:33

解决方案8 -1 2012-10-16 13:03:32

解决方案9 -6 2011-06-09 21:40:40

解决方案1
43 已采纳 2011-02-11 21:57:33

解决方案2
20 2011-02-11 20:48:52

解决方案3
16 2011-05-10 14:50:15

解决方案4
10 2012-03-16 18:49:47

解决方案5
2 2013-04-16 21:34:49

解决方案6
0 2012-05-23 09:29:14

解决方案7
0 2012-09-21 13:02:33

解决方案8
-1 2012-10-16 13:03:32

解决方案9
-6 2011-06-09 21:40:40