Visual Studio 2013 Update 4 / Web Essentials中的SCSS和Compass的帮助程序功能?

时间:2015-02-28 23:37:24

标签: visual-studio-2013 sass web-essentials compass

我最近迁移到Visual Studio 2013 Update 4并安装了Web Essentials 2013 for Update 4.我下载了指南针文件并试图创建我的第一个sass(s​​css)文件。

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

OPEN:详细的错误消息?

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

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

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

        Possible cause: Syntax Error!

但没有进一步的细节。有没有任何日志文件?

OPEN:@mixing for image-width not working

调用方法image-width或image-height(如下所述:http://compass-style.org/reference/compass/helpers/image-dimensions/) 总是以“语法错误!”结束错误如上面公开的问题所示。

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

width: image-width("MyImage.jpg");

已解决:导入问题

我可以解决以下声明无效的问题:

@import "compass";

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

@import "compass/reset/_utilities.scss";

原因:关于sass-lang文档,decleration不适用于文件夹,实际上是“Partials”(http://sass-lang.com/guide#topic-4),而下划线sass文件也是如此。在我的项目中,我包含了指南针文件夹,但我错过了_compass.scss文件(这是@import“指南针”正在寻找的内容)。

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

我可以解决:基本的Sass功能有效,但是通过调用指南针mixin,例如global-reset in,renderd代码看起来像这样

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

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

0 个答案:

没有答案