Visual studio 2013 Visual Studio 2013更新4/Web Essentials中SCS和Compass的助手功能?

Visual studio 2013 Visual Studio 2013更新4/Web Essentials中SCS和Compass的助手功能?,visual-studio-2013,sass,web-essentials,compass,Visual Studio 2013,Sass,Web Essentials,Compass,我最近迁移到Visual Studio 2013更新4,并安装了更新4的Web Essentials 2013。我下载了compass文件,并尝试创建我的第一个sass(scss)文件 我已经可以自己解决两个问题(见下文“已解决”),还有两个问题需要解决:-( 打开:详细错误消息? 我发现似乎有两种不同类型的错误。一种错误Visual Studio/Web Essential使用波浪下划线处理,或者在右侧的结果窗口中说明原因,这是完全正确的,但我遇到了“其他类型错误”的问题,我的CSS根本没有更

我最近迁移到Visual Studio 2013更新4,并安装了更新4的Web Essentials 2013。我下载了compass文件,并尝试创建我的第一个sass(scss)文件

我已经可以自己解决两个问题(见下文“已解决”),还有两个问题需要解决:-(

打开:详细错误消息?

我发现似乎有两种不同类型的错误。一种错误Visual Studio/Web Essential使用波浪下划线处理,或者在右侧的结果窗口中说明原因,这是完全正确的,但我遇到了“其他类型错误”的问题,我的CSS根本没有更新,也没有告诉我为什么

在输出窗口中,我可以看到:

SCSS: myfile.scss compilation failed: The service failed to respond to this request

        Possible cause: Syntax Error!
但没有进一步的细节。有任何类型的日志文件吗

打开:@图像宽度混合不起作用

调用方法image width或image height(如下所述:) 始终以“语法错误!”错误结束,如上面的公开问题所示

我使用的代码非常简单(文件位于同一位置并且存在):

解决:进口问题

我可以解决以下语句不起作用的问题:

@import "compass";
相反,我必须指定一个特定的文件,而不是文件夹,如下所示:

@import "compass/reset/_utilities.scss";
原因:关于sass lang文档,删除不是针对文件夹,而是针对“Partials”()和下划线sass文件。在我的项目中,我包含了compass文件夹,但缺少了_compass.scss文件(这就是@import“compass”所要找的)

解决:调用基本指南针功能

我可以解决:基本的Sass功能可以工作,但是通过调用compass mixin,比如global reset in,renderd代码如下所示

 ...
 elements-of-type(html5-block) { display: block; }
 ...

解决方案:在Visual Studio选项中,导航到WebEssentials>SASS>Use Ruby Runtime并将该值设置为“True”

这是否适用于新的
Web编译器?
 ...
 elements-of-type(html5-block) { display: block; }
 ...