Intellisense与MVC4样式捆绑

时间:2012-10-03 22:23:53

标签: css asp.net-mvc-4 resharper intellisense bundling-and-minification

到目前为止,我无法找到问题或解决此问题。我确信这很简单,我很遗憾。

我有一个带有一堆缩小的CSS的样式包,我正在使用里面的类来装饰HTML元素。 一切都很好。

Intellisense和ReSharper然而我们都不知道CSS的类是未知的。我猜这是因为他们无法窥视这些包。

问题:有没有办法解决这个问题?

<!-- Style Bundles in HEAD tag-->
@Styles.Render("~/bundle/style/css")
@RenderSection("styles", false);

<!-- HTML elements in BODY tag: "row" is an unknown css class -->
<div class="row">
    <p>Lorem ipsum</p>
</div>

更新: Visual Studio 2012.LESS转换和intellisense适用于单个直接引用的文件。我的情况是,当引用LESS包时,intellisense会中断。

更新2:以下是显示BundleConfig.cs的代码,因为它不清楚

var customStyles = new Bundle("~/bundle/style/css")
                      .Include("~/Content/normalize.css","~/Content/*.less");
bootstrapStyles.Transforms.Add(new LessTransform());
bootstrapStyles.Transforms.Add(new CssMinify());
bundles.Add(customStyles);

请注意,我们正在使用Bundle而不是StyleBundle这是必要的,因为我们要指定LessTransform()类并跳过内置的CSS转换器。 LessTransform对象是一个自定义对象,它只读取所有LESS内容并在StringBuilder上连接它,然后调用dotless的转换器... out来一个巨大的CSS字符串,它被缩小并返回。问题是为什么无法通过VS或ReSharper查看返回的CSS并帮助检查类样式?

2 个答案:

答案 0 :(得分:4)

这是jetbrains博客上的一篇文章。它有点过时了,但是Jura表示没有计划支持LESS(还)。

用户:

  

有没有计划支持LESS?我并不关心完全支持,但如果它至少可以将突出显示和代码完成支持带入.less文件并让它处理嵌套规则,那肯定会很好。

Jura Gorohovsky:

  

不,还没有这样的计划。你能指点我公开吗?   广泛使用LESS的项目,以便我们可以查看它   确定工作范围?

Link

延迟编辑: 来自Mindscape的Web WorkBench可能会提供一些人来这个帖子所寻找的东西。他们对错误修复做出了很好的回应,并且在LESS世界中对intellisense进行了一些可靠的改进。

答案 1 :(得分:-3)

您是否已将js扩展安装到Visual Studio 2012?转到工具|扩展和更新,然后安装SDK,如果安装了很多。

enter image description here

不要认为捆绑对你的intellisense有任何影响,我已经尝试过和不使用,我的intellisense仍然存在。确保您的解决方案中包含css样式表,并且可以使用更具体的类进行测试,例如“onebeatconsumer”而不是“row”(在某处可能会发生冲突)

如果你使用LESS,这肯定是你的问题,因为它可能无法解析LESS语法,因为它只在运行时生成完整的样式。标准css样式表中的样式是否适合您?